jquery如何判断鼠标是否在元素上?下面本篇文章给大家介绍一下jquery判断鼠标是否在元素上的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
jquery判断鼠标是否在元素上的方法
使用div创建一个模块,并设置其id为mydiv,主要用下下面设置其css样式。
为了展示明显的效果,通过id来设置div的css样式,设置div的宽度和高度都为100px,背景颜色为红色。
给div绑定onmouseover()事件,当鼠标移到div时,触发事件,执行myfun()函数。
在js标签内,创建一个myfun()函数,当函数被调用时,执行方法体内的代码。
在myfun()函数内,使用alert()方法提示“鼠标在div上了!!”,确认鼠标是在div上。
在浏览器打开test.html文件,移动鼠标至div上,查看结果。
总结:
1、创建一个test.html文件。
2、在文件内,使用div创建一个模块,给div绑定onmouseover()事件,当鼠标移到div时,触发事件,执行myfun()函数。
3、在myfun()函数内,使用alert()方法提示“鼠标在div上了!!”,确认鼠标是在div上。
更多web前端知识,请查阅 HTML中文网 !!