绑定方式:div.addEventListener("click",function(){});
解除绑定:div.οnclick=null; div.removeEventListener("click",函数名);
鼠标事件
鼠标双击:ondbclick;
按下鼠标:onmousedown;
移动鼠标:onmousemove;
鼠标抬起:onmouseup;
鼠标移入/移出:onmouseover/onmouseout. onmouseenter/onmouseleave;
键盘事件
键盘按下/抬起:onkeydown/onkeyup;
获取/失去焦点:onfocus/onblur;
改变时触发:onchange;失去焦点时会检测内容与与内容进行对比,如果发生改变,则触发change事件,反之不触发。 oninput是键盘按下就会触发。
重置/提交事件:reset/submit;常用在form表单中使用。
移动端触摸开始/移动/离开:ontouchstart/ontouchmove/onchend;
event.clientX;event.clientY; 距离浏览器视口坐标。
event.pageX,event.pageY;距离文档流的坐标。
event.offsetX,event.offsetY;距离元素本身的左上角。
pointer-events:none; 禁用鼠标事件。