您的位置是:网站首页>Javascript编程Javascript编程

jquery怎样判断鼠标是否在div上

少儿编程网2021-01-13 13:16:00Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介jquery判断鼠标是否在div上的方法:首先给div绑定【onmouseover()】事件,当鼠标移到div时,触发事件,执行【myfun()】函数;然后在myfun函数内,使用【alert()】方法提示【鼠标在div上了!!】即可。本教程操作环境:windows7系统、jquery3.2.1版本

jquery判断鼠标是否在div上的方法:首先给div绑定【onmouseover()】事件,当鼠标移到div时,触发事件,执行【myfun()】函数;然后在myfun函数内,使用【alert()】方法提示【鼠标在div上了!!】即可。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

推荐:jquery视频教程k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

jquery判断鼠标是否在div上的方法:k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

1、新建一个html文件,命名为test.html,用于讲解jquery怎么判断鼠标是否在div上。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

2、在test.html文件内,使用div创建一个模块,并设置其id为mydiv,主要用下下面设置其css样式。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

3、为了展示明显的效果,通过id来设置div的css样式,设置div的宽度和高度都为100px,背景颜色为红色。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

4、在test.html文件内,给div绑定onmouseover()事件,当鼠标移到div时,触发事件,执行myfun()函数。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

5、在js标签内,创建一个myfun()函数,当函数被调用时,执行方法体内的代码。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

6、在myfun()函数内,使用alert()方法提示“鼠标在div上了!!”,确认鼠标是在div上。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

7、在浏览器打开test.html文件,移动鼠标至div上,查看结果。k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

相关免费学习推荐:JavaScript(视频)k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

以上就是jquery怎样判断鼠标是否在div上的详细内容,更多请关注少儿编程网其它相关文章!k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

来源:php中文网k8g少儿编程网-Scratch_Python_教程_免费儿童编程学习平台


相关文章:

支持一下 ( )

jquery怎样判断鼠标是否在div上

      匿名评论
    • 评论
    人参与,条评论
    jquery怎样判断鼠标是否在div上

微信公众号

免费视频教程

先知道