如题。感觉都是鼠标移开时提示的。。。
<!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>
临时写了一下,自己多写多试,不行了再问。
onblur失去焦点是,你之前是点击了这个输入框,输入框处于高亮状态(光标在闪)然后你点击其他地方,这时会触发失焦,并且弹出提示框,而onmouseover是只要你鼠标移动上去就会触发,是不需要点击的,onmouseout也是一样把鼠标移走就会触发,也是不需要点击的。
onblur是鼠标移开时触发的,而onmouseover是移入时触发的。