问答详情
源自:6-6 失焦事件(onblur)

onblur和onmouseover有什么比较大的区别

如题。感觉都是鼠标移开时提示的。。。

提问者:Adorrable坛子 2015-07-25 14:20

个回答

  • 世界和平ad
    2015-07-25 14:55:52
    已采纳

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>Demo</title>
    		<script type="text/javascript">
    			function on(){
    				alert("触发onmouseover");
    			}
    			function out(){
    				alert("失去焦点,触发onblur");
    			}
    		</script>
    	</head>
    	<body>
    		<p>点击输入框后再点其他地方就会触发onblur;<br/>焦点在按钮上,就会触发onmouseover.</p>
    		<input type="tetx" onblur="out()"><input type="button" value="按钮" onmouseover="on()">
    	</body>
    </html>

    临时写了一下,自己多写多试,不行了再问。

  • ternenceZz
    2015-08-28 17:26:02

    onblur失去焦点是,你之前是点击了这个输入框,输入框处于高亮状态(光标在闪)然后你点击其他地方,这时会触发失焦,并且弹出提示框,而onmouseover是只要你鼠标移动上去就会触发,是不需要点击的,onmouseout也是一样把鼠标移走就会触发,也是不需要点击的。

  • 世界和平ad
    2015-07-25 14:37:45

    onblur是鼠标移开时触发的,而onmouseover是移入时触发的。