JavaScript 鼠标事件

鼠标事件

事件	描述
mousedown	鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。
mouseup	鼠标按钮被释放弹起时触发。不能通过键盘触发。
click	单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。
dblclick	双击鼠标左键时触发。
mouseover	鼠标移入目标元素上方。鼠标移到其后代元素上时会触发。
mouseout	鼠标移出目标元素上方。
mouseenter	鼠标移入元素范围内触发，`该事件不冒泡，即鼠标移到其后代元素上时不会触发`。
mouseleave	鼠标移出元素范围时触发，`该事件不冒泡，即鼠标移到其后代元素时不会触发`。
mousemove	鼠标在元素内部移到时不断触发。不能通过键盘触发。

注意： 事件名称大小写敏感。若需要监听以上事件，则在事件名的前面加个on即可。

事件区别

onmouseover、nmouseout：鼠标移动到自身时候会触发事件，同时移动到其子元素身上也会触发事件

onmouseenter、onmouseleave：鼠标移动到自身是会触发事件，但是移动到其子元素身上不会触发事件

JavaScript 鼠标事件相关推荐

js鼠标事件大全-Javascript鼠标事件大全
js鼠标事件大全-Javascript鼠标事件大全 2009年03月11日星期三 14:22 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick 当键盘上的某个键被按下并且释放时 ...
JavaScript鼠标事件
JavaScript鼠标事件 js中是比较简单的语言,然而js的精髓就是js事件,这也是js当中最重要的部分,很多人对JavaScript鼠标事件是什么还不是很了解,下面我们对JavaScript鼠标 ...
java鼠标js触发事件吗,JavaScript鼠标事件是什么？JavaScript鼠标事件详解
js中是比较简单的语言,然而js的精髓就是js事件,这也是js当中最重要的部分,很多人对JavaScript鼠标事件是什么还不是很了解,下面我们对JavaScript鼠标事件进行详解. 一:在js中, ...
javascript 鼠标事件总结
本文转自:http://www.jb51.net/article/21590.htm javascript的鼠标事件是个比较庞大的家族.需要的朋友可以参考下. 常见的有以下8个: mousedown: ...
JavaScript鼠标事件与函数
通过鼠标触发事件,类似用户的行为: 鼠标事件列表,要在(body)里设一个div,id名要为box,style里设置它的的宽.高,然后再script里设置脚本语言,使他在里面能够运行.下面script ...
小试牛刀JavaScript鼠标事件
鼠标事件练习1 当鼠标点击网页某个单元格的时候,其他的单元格颜色不变,只有被点击的单元格颜色发生变化 <style type="text/css"> *{ margin ...
JavaScript鼠标事件、键盘事件
常用的键盘事件 keyup 按键弹起的时候触发 // 1.onkeyup document.onkeyup = function(){console.log("弹起"); } // ...
JavaScript鼠标事件及案例
目录一.鼠标事件 1.鼠标事件的常用方法 (1)鼠标事件常用方法 (2) 禁止鼠标右击菜单:contextmenu (3)禁止鼠标选中:selectstart 2.鼠标事件对象 3.案例(图片随着鼠 ...
JavaScript鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup的用法和区别详解
鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup详解 1.事件属性如下: 2.下面用一段代码来了解和体验这些鼠标事件的用法: & ...
JavaScript 鼠标事件 mouseEvent
鼠标事件 mouseEvent 这个是有兼容性的问题的,还是低版本IE不支持 e.pageX 返回鼠标相对于文档页面的X坐标,会跟随页面的滚动而获得新坐标,就是在浏览器窗口大小没有变化的前提下,滚动了 ...

JavaScript 鼠标事件

鼠标事件

事件区别

JavaScript 鼠标事件相关推荐

最新文章

热门文章