HTML DOM 事件

最新推荐文章于 2021-11-03 09:29:53 发布
最新推荐文章于 2021-11-03 09:29:53 发布
阅读量73 收藏
点赞数
原文链接：http://www.cnblogs.com/kamil/p/5434113.html
版权

鼠标事件

属性描述DOM事件类型
onclick当用户点击某个对象时调用的事件句柄。2鼠标事件
oncontextmenu在用户点击鼠标右键打开上下文菜单时触发 鼠标事件
ondblclick当用户双击某个对象时调用的事件句柄。2鼠标事件
onmousedown鼠标按钮被按下。2鼠标事件
onmouseenter当鼠标指针移动到元素上时触发。2鼠标事件
onmouseleave当鼠标指针移出元素时触发2鼠标事件
onmousemove鼠标被移动。2鼠标事件
onmouseover鼠标移到某元素之上。2鼠标事件
onmouseout鼠标从某元素移开。2鼠标事件
onmouseup鼠标按键被松开。2鼠标事件
onkeydown某个键盘按键被按下。2键盘事件
onkeypress某个键盘按键被按下并松开。2键盘事件
onkeyup某个键盘按键被松开。2键盘事件
onabort图像的加载被中断。 ( <object>)2框架/对象（Frame/Object）事件
onbeforeunload该事件在即将离开页面（刷新或关闭）时触发2框架/对象（Frame/Object）事件
onerror在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>) 框架/对象（Frame/Object）事件
onhashchange该事件在当前 URL 的锚部分发生修改时触发。 框架/对象（Frame/Object）事件
onload一张页面或一幅图像完成加载。2框架/对象（Frame/Object）事件
onpageshow该事件在用户访问页面时触发 框架/对象（Frame/Object）事件
onpagehide该事件在用户离开当前网页跳转到另外一个页面时触发 框架/对象（Frame/Object）事件
onresize窗口或框架被重新调整大小。2框架/对象（Frame/Object）事件
onscroll当文档被滚动时发生的事件。2框架/对象（Frame/Object）事件
onunload用户退出页面。 ( < body> 和 <frameset>)2框架/对象（Frame/Object）事件
onblur元素失去焦点时触发2表单事件
onchange该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>)2表单事件
onfocus元素获取焦点时触发2表单事件
onfocusin元素即将获取焦点时触发2表单事件
onfocusout元素即将失去焦点时触发2表单事件
oninput元素获取用户输入时触发3表单事件
onreset表单重置时触发2表单事件
onsearch用户向搜索域输入文本时触发 ( < input="search">) 表单事件
onselect用户选取文本时触发 ( <input> 和 <textarea>)2表单事件
onsubmit表单提交时触发2表单事件
oncopy该事件在用户拷贝元素内容时触发 剪贴板事件
oncut该事件在用户剪切元素内容时触发 剪贴板事件
onpaste该事件在用户粘贴元素内容时触发 剪贴板事件
onafterprint该事件在页面已经开始打印，或者打印窗口已经关闭时触发 打印事件
onbeforeprint该事件在页面即将开始打印时触发 打印事件
ondrag该事件在元素正在拖动时触发 拖动事件
ondragend该事件在用户完成元素的拖动时触发 拖动事件
ondragenter该事件在拖动的元素进入放置目标时触发 拖动事件
ondragleave该事件在拖动元素离开放置目标时触发 拖动事件
ondragover该事件在拖动元素在放置目标上时触发 拖动事件
ondragstart该事件在用户开始拖动元素时触发 拖动事件
ondrop该事件在拖动元素放置在目标区域时触发 拖动事件

转载于:https://www.cnblogs.com/kamil/p/5434113.html

weixin_30457065
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript HTML DOM 事件
01-21
JavaScript HTML DOM 事件 HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。 实例 Mouse Over Me Click Me 对事件做出反应 我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。 如需...
使用JavaScript动态的绑定、解绑 a 标签的onclick事件，防止重复点击
weixin_30284355的博客
09-05 330
页面上的 a 标签如下： <a class="more" style="cursor: pointer;" id="commentMore" onclick="javascript:selectMoreComment(this.id,2018);">查看更多</a> 页面操作元素的js代码： function selectMoreComment(id, select...
a标签添加onclick事件的几种方式
热门推荐
manman的分享
02-24 11万+
我们常用的在a标签中有点击事件：1. a href="javascript:js_method();"这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句2. a href="...
a标签的onclick事件，防止重复提交，js中让onclick点击事件只执行一次！
i_yuanpeng的博客
03-18 6365
<a>标签如果中的onclick事件点击几次就触发几次，就会出现多次请求，所以再次点击的时候不让其再触发！ 有2种方式实现，下面详细介绍： 1、不用jQuery的方式：（click事件被执行的时候，把它这个事件本身给清空。） <a href="javascript:;" id="buttonId" onClick="buttonSubmit()" >按钮</a> <script type="text/javascript"> //...
js页面onclick点击获取标签内容
qq_40889256的博客
08-31 2559
自动生成元素的onclick事件 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 <a onclick="test()">点击我</a> <script> function test(){ var is=event.currentTarget; console.log($(is)); //获取当前元素，类同this console.log(event.target); //返回绑定事
a标签中onclick事件的用法
sayoko06的博客
05-14 2万+
有时候我们使用a标签，不希望用到a标签的href去发送请求，因为可能需要再请求前做一些其他的js操作，所以希望通过onclick事件触发请求，推荐使用&lt;a href="javascript:void(0)" onclick="fn(this)"&gt; 使用js将href属性禁掉， href="javascript:void(0)"；问题：之前写a标签绑定onclick事件，href没有禁掉...
HTML DOM 事件.pdf
06-15
详细介绍HTML DOM事件
DOM事件探秘篇
01-19
1.HTML事件处理程序 — 直接写在html标签里面的js触发语句。 2.DOM0级事件处理程序。 把一个函数赋值给一个事件的处理程序属性，用的比较多的方法，简单，跨浏览器的优势。 3.DOM2级事件处理程序。 （1）用于处理...
WEB开发 之 JavaScript HTML DOM 事件.docx
09-26
WEB开发 之 JavaScript HTML DOM 事件.docx
HTMLDOM参考手册
07-22
资源名称：HTML DOM 参考手册资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
<a>标签使用onclick(this)来传递参数
学无止境
09-15 4万+
一般标签中会使用href和onclick两种方式来进行进行页面跳转或执行动作，但是小编一般都会使用onclick来进行执行Ajax函数进行跳转，并同时使用onclick="xxxxxx(this)"来传递动态参数：例子如下 JSP代码如下： ${userName} Js代码如下： function xxxx(obj) { var thisObj=${obj}; var us
Java 重载(Overload)与重写(Override)
迷路的小绅士之家
03-31 686
重载和覆写的区别：
怎样用js触发a标签的click事件
itchiang的专栏
08-27 1万+
1、JS var comment = document.getElementsByTagName('a')[0];   if(document.all){ // For IE    comment.click(); }elseif(document.createEvent){ 在ff中要为a标签添加click事件，并且侦听该事件   var ev = document.crea
HTML中的一些细节处理
jxmchou的博客
11-03 511
# 说明 参考资料:简书的 伴歌知行的JS下载图片和文件，防止浏览器直接打开 、夜半修仙,;CSDN的weixin_3791475的使用a标签下载文件不跳转;努力学习的汪：洪学习笔记 文章目录# 说明前端利用a标签实现文件[图片]下载文件下载常用方式总结分析Ⅰ-后端设置下载请求的响应头 `Content-Disposition` 强制下载Ⅱ-实现[HTMLCanvasElement]类型图片下载Ⅲ- a标签+download属性Ⅳ-通过接口跨域请求，动态创建a标签，以blob形式下载1、`fetch`请
Html A标签中 href 和 onclick用法、区别、优先级别
MyDriverC
03-07 2万+
如果不设置 href属性在IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签（IE下都存在这一问题）。  代码如下 复制代码 假定我们有个fn方法，需要取到这个元素，第一个方法传入的this是空值。 所以，比较推荐的写法是  代码如下 复制代码 javascript:void
关于a标签的onclick与href的执行顺序
confused9090的专栏
08-06 1万+
onclick的事件被先执行，其次是href中定义的（页面跳转或者javascript）同时存在两个定义的时候（onclick与href都定义了），如果想阻止href的动作，在onclick必须加上return false; 一般是这样写onclick="xxx();return false;".在href中定义的函数如果有返回值的话，当前页面的内容将被返回值代替 如果页面过长有滚动条，
html dom事件是click 还是onclick
最新发布
06-08
HTML DOM中的事件名称通常是不带“on”前缀的，例如`click`、`load`、`submit`等。而在JavaScript中，事件通常是作为对象的属性来定义的，名称前面带有“on”前缀，例如`onclick`、`onload`、`onsubmit`等。 因此...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值