js 事件

本文详细介绍了JavaScript中的各种鼠标事件,如点击、双击、按下、移动、抬起及移入移出等,并探讨了键盘事件、焦点变化事件以及表单的重置和提交事件。同时,还讲解了移动端的触摸事件,包括触摸开始、移动和结束。最后,提到了事件坐标和禁用鼠标事件的技巧。
摘要由CSDN通过智能技术生成

绑定方式: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; 禁用鼠标事件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

活着就是为了樱岛麻衣~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值