js常用事件总结：如单击事件onclick等等

最新推荐文章于 2024-09-15 19:59:05 发布
最新推荐文章于 2024-09-15 19:59:05 发布
阅读量1.4k 收藏 9
点赞数 1
分类专栏： js 文章标签： js javascript dom 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42116120/article/details/106908453
版权

鼠标事件
onclick：点击某个对象时触发
ondblclick：双击某个对象时触发
onmouseover：鼠标移入某个元素时触发
onmouseout：鼠标移出某个元素时触发
onmouseenter：鼠标进入某个元素时触发
onmouseleave：鼠标离开某个元素时触发
onmousedown：鼠标按下时触发
onmouseup：鼠标抬起时触发
onmousemove：鼠标被移动时触发
onwheel：鼠标滚轮滚动时触发
oncontextmenu：点击鼠标右键时触发
键盘事件
onkeydown：键盘的键按下时触发
onkeyup：键盘的键放开时触发
onkeypress：按下或按住键盘键时触发
框架/对象事件
onresize：浏览器窗口大小改变时触发
onabort：图形的加载被中断时触发
onload：页面加载完时触发
onerror：当加载文档或者图片时（没找到）发生的错误时触发
onscroll：文档滚动时触发
onpageshow：用户访问页面时触发
onunload：用户退出页面时触发
表单事件
onfocus：元素获得焦点时触发
onblur：元素失去焦点时触发
onchange：元素内容改变时触发
oninput：元素获取用户输入时触发
onsubmit：提交按钮时触发
onreset：重置按钮时触发
onselect：文本被选中时触发
拖动事件
ondrag：元素正在拖动时触发
ondragend：用户完成元素拖动时触发
多媒体事件
onplay：在视频/音频开始播放时触发
onended：在视频/音频播放结束时触发
onpause：在视频/音频暂停时触发

小小清233
关注
专栏目录
JS单击事件
qq_35354139的博客
07-29 2085
JS单击事件
Vue.js实例学习：事件处理
若水弹丸之地
03-08 1167
一、监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。（ v-on: 简写为@） <div id="app"> <button @click = "count++">加 1</button> <butto
【NGUI】监听按钮除OnClick外其他事件的方法，附简易改编的UIButton类
IceFantasyLcj的博客
10-27 8070
大家好，我是雨中祈雨。一直以来，CSDN都是我最好的编程助手。这是我在CSDN的第一篇关于Unity3D的博客，其实也就是记录我在学习Unity3D时遇到的一些小问题从不懂到有所了解的过程。另一方面，如果能帮助到遇到过同样问题的Unity3D初学者朋友们，那就再好不过了。
【微信小程序】事件绑定，你搞懂了吗？_微信小程序中类似onclick的东西是
2401_84182097的博客
04-17 839
target 是触发该事件的源头组件，而 currentTarget 则是当前事件所绑定的组件。e.currentTarget 指向的是当前正在触发事件的那个组件，因此，在小程序中，不存在 HTML 中的 onclick 鼠标点击事件，而是通过。② 在页面的 .js 文件中定义对应的事件处理函数，事件参数通过形参。的方式向外扩散，也会触发外层 view 的 tap 事件处理函数。e.target 指向的是触发事件的源头组件，因此，点击内部的按钮时，点击事件以。来响应用户的触摸行为。* 代表的是参数的名字。
三、（JS）JS中常见的表单事件
最新发布
Sean_0819的博客
09-15 677
这个很容易理解，就不解释啦。
JS 区别拖拉事件与点击事件
Bole_b的博客
12-14 978
在完成拖拉事件后，发现不能单纯用onclick来触发点击事件。拖拉的同时也就触发了点击。 故如何区分点击事件和拖动事件成为难题了。 继续变成菜鸟前端搬运工，找到了一篇有用的文章。附上链接：https://blog.csdn.net/Charles_Tian/article/details/79593241 上面也有详细的介绍，这里不多说了。直接上挂思路和实现代码： 思路: 1、先写出鼠标...
onclick,click和onfocus，change区别
fglxhlw的博客
08-31 1659
onclick和onfocus区别 onclick是在对象被鼠标点击或者选取时触发。 onfocus是在对象获得焦点时触发。（获得焦点可以通过鼠标点击或者tab键）。 onchange:是在域的内容改变时发生。 注意： 对于onfocus第一次点击时只是获得焦点，第二次点击才真正执行方法。 ## click和onclick区别： onclick是javascript原生事件，click是jquery中新增的方法。 click是动作，模拟鼠标的点击操作。onclick是绑上事件，告诉浏览器在鼠标点击的时
JS 中，onclick 和 addEventListener 的区别？
Wayne8016的博客
11-10 708
onclick： 优点 简单； 处理事件的 this 关键字指向当前元素； 缺点 只能使用冒泡事件； 同一个事件，一次只能对一个元素设置一个，多了后者会覆盖前者； let cxk = document.getElementById('cxk') cxk.onclick = () => { console.log('sing') } cxk.onclick = () => ...
js学习-10（事件）
qq_42760119的博客
07-22 182
什么是事件 事件： ​ 指的是文档或浏览器窗口中发生的一些特定的交互 瞬间。对于web应用，主要的事件有：点击某个元素、将鼠标移动至某个元素上方、关闭弹窗等等。 JavaScript是以事件驱动为核心 的一门语言。JavaScript和HTML之间的交互式通过事件实现的。 事件的三要素： 事件的三要素： 事件源、事件、事件驱动程序。 事件源： 引发后续事件的html标签。 事件： js所定义好的。比如：鼠标单击onclick、鼠标双击ondbclick、获得焦点onfocus等等。 事件驱动程序： 对样
Js事件高级知识点整理
Jianpanqiaolan_的博客
06-02 556
Js事件高级 注册事件概述 给元素添加事件，成为注册事件或者绑定事件。 注册事件有两种方式：传统方式和方法监听方式。 传统注册方式 利用on开头的事件onclick < button οnclick=’‘alert()’’> < /button> btn.οnclick=funvtion() 特点：注册事件的唯一性 同一个元素同一个事件只能设置一个处理函数，最后注册处理函数将会覆盖前面注册的处理函数 var btns = document.querySelectorAll('b
JS高级程序设计——第13章事件 13.4 事件类型（鼠标与滚轮事件）
YuTong_的博客
04-17 820
13.4 事件类型（鼠标与滚轮事件）一、鼠标事件类型二、客户区坐标位置1、 事件对象的 clientX 和 clientY 属性三、页面坐标位置1、 pageX 和 pageY 属性四、屏幕坐标位置1、 screenX 和 screenY 属性五、修改键六、相关元素（针对mouseover 和 mouserout 事件）1、relatedTarget 属性、fromElement 属性、toEle...
鼠标常用的事件
zhj1329000的博客
03-24 1186
onmouseover: 鼠标移入事件(可以触发冒泡)onmouseout: 鼠标移出事件(可以触发冒泡)onmouseenter: 鼠标移入事件(不会触发冒泡)onmouseleave: 鼠标移出事件(不会触发冒泡)onfocus: 获取鼠标焦点事件。onclick: 鼠标点击事件。onblur: 失去鼠标焦点。onmouseup: 鼠标弹起触发。onmousedown: 鼠标按下触发。onmousemove: 鼠标移动事件。
BOM中的事件
qq_52908359的博客
05-20 287
1.UI事件： （1）. load当页面完全加载后在window上触发图片也可以触发load事件 （2）.resize 当窗口大小变化时在window上触发 （3）.scroll当用户滚动带滚动条的元素中的内容时，在该元素上面触发 2.鼠标事件： 事件类型： onclick 单击 ondbclick 双击 oncontextmenu 右键菜单 onmouseover 移入 onmouseout 移出 onmouseenter 移入 .
HTML DOM 事件 —— 鼠标事件 JS鼠标事件
Yxd0724的博客
08-30 8011
onclick、oncontextmenu、ondblclick、onmousedown、onmouseenter、onmouseleave、onmousemove、onmouseover、onmouseout、onmouseup
JS响应事件有哪些
z__cc的博客
04-05 1226
onclick鼠标点击某个对象；onfocus获取焦点；onblur失去焦点；onmousedown鼠标被按下等，常用的如下： 1.鼠标单击事件（ onclick ） 2.鼠标经过事件（ onmouseover ） 3.鼠标移开事件（ onmouseout ） 4.光标聚焦事件（ onfocus ） 5.失焦事件（ onblur ） 6.内容选中事件（ onselect ） 7.文本框内容改变事件（ onchange ） 8.加载事件（ onload ） 9.卸载事件（ onunload
前端3-31-4：常见事件（点击、焦点、加载、鼠标、键盘、选择改变、表单）
Yummy的博客
03-31 1281
1. 点击事件 1. onclick：单击事件 2. ondblclick：双击事件 2. 焦点事件 1. onblur：失去焦点 2. onfocus:元素获得焦点。 3. 加载事件 1. onload：一张页面或一幅图像完成加载。 4. 鼠标事件 1. onmousedown鼠标按钮被按下。 2. onmouseup鼠标按键被松开。 ...
JavaScript的常见事件及监听
weixin_622464的博客
11-11 580
概念：某些组件被执行了某些操作后，触发某些代码的执行。 事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了 事件源：组件。如： 按钮 文本输入框… 监听器：代码。 注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。 常见的事件： 1. 点击事件： 1. onclick：单击事件 2. ondblclick：双击事件 2. 焦点事件 1. onblur：失去焦点 2. onfocus:元素获得焦点。 3. 加载事件： 1.
页面加载完成
weixin_34189116的博客
12-20 214
1、$(document).ready(function(){ alert("页面加载完成！"); }); 简写： $(function(){ alert("页面加载完成！"); }); 2、原生JS方法 window.onload=function(){ alert("页面加载完成！"); } window.onload：会在页面的d...
事件介绍、两种事件注册的介绍、onload事件、onclick事件、onblur事件、onchange事件、onsubmit事件
weixin_46065214的博客
08-17 1042
事件介绍、两种事件注册的介绍、onload事件、onclick事件、onblur事件、onchange事件、onsubmit事件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值