这篇文章是写给女朋友用来学习鼠标/键盘事件写的~勿喷
鼠标事件
鼠标事件概览
mousedown:鼠标按钮被按下(左键或者右键)时触发。不能通过键盘触发。
mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。
click:单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要,意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。
dblclick:双击鼠标左键时触发。
mouseover:鼠标移入目标元素上方。鼠标移到其后代元素上时会触发。
mouseout:鼠标移出目标元素上方。
mouseenter:鼠标移入元素范围内触发,该事件不冒泡,即鼠标移到其后代元素上时不会触发。
mouseleave:鼠标移出元素范围时触发,该事件不冒泡,即鼠标移到其后代元素时不会触发。
mousemove:鼠标在元素内部移到时不断触发。不能通过键盘触发。
给元素绑定鼠标事件
用JavaScript来绑定鼠标事件
需要用到一个函数:addEventListener(event, function, useCapture);
参数说明:
event 不可为空。字符串,指定事件名。
不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"。
可选值为上述的事件概览:mousedown mouseup click等等
function 不可为空。指定要事件触发时执行的函数。
useCapture 可选。布尔值,指定事件是否在捕获或冒泡阶段执行。
true - 事件句柄在捕获阶段执行
false- 默认事件句柄在冒泡阶段执行
举例:
<body>
<div id='a'></div>
</body>
<script>
//获取dom元素
var doma=document.getElementById("a");
a.addEventListener('click',function(){alert(1)},false);
</script>