来自 服务器&运维 2019-12-29 05:22 的文章
当前位置: 澳门威尼斯人平台 > 服务器&运维 > 正文

addEventListener 的用法示例介绍_javascript手艺_脚本之家

复制代码 代码如下: function checkInput { if{ objectSource.oldOnClick = objectSource.onclick; objectSource.onclick = null; } var attachfile = $; if != -1 && attachfile == undefined) { if(!confirm( '您的邮件内容提到附件,但您可能忘记了添加附件。')){ return false; } } objectSource.oldOnClick(); }

jQuery.ligerDialog.confirm('确定删除吗?', function { if ; });======================================== LG.showSuccess("更新成功!当前临时电量将被清空,请到电量管理模块管理电量!"); ======================================== // LG.tip;

一般情况下,如果给一个dom对象绑定同一个事件,只有最后一个会生效,比如: 复制代码 代码如下: document.getElementById.onclick = method1; document.getElementById.onclick = method2; document.getElementById.onclick = method3; 那么将只有method3生效。 如果是Mozilla系列,用addEventListener可以让多个事件按顺序都实现,比如: 复制代码 代码如下: var btn1Obj = document.getElementById; //element.addEventListener(type,listener,useCapture); btn1Obj.addEventListener("click",method1,false); btn1Obj.addEventListener("click",method2,false); btn1Obj.addEventListener("click",method3,false); 执行顺序为method1->method2->method3 如果是ie系列,用attachEvent可以让多个事件按顺序都实现,比如: 复制代码 代码如下: var btn1Obj = document.getElementById; //object.attachEvent; btn1Obj.attachEvent; btn1Obj.attachEvent; btn1Obj.attachEvent; 执行顺序为method3->method2->method1 ======================================================= Mozilla中: addEventListener的使用方式 target.addEventListener(type,listener,useCapture); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。 listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById.addEventListener("keydown", function { alert; }, false); IE中: target.attachEvent; target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,含“on”,比如“onclick”、“onmouseover”、“onkeydown”等。 listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 例如:document.getElementById.attachEvent("onclick",function{alert; W3C 及 IE 同时支持移除指定的事件, 用途是移除设定的事件, 格式分别如下: removeEventListener(event,function,capture/bubble); Windows IE的格式如下: detachEvent; DOM2 的进化: DOM 0 Event DOM 2 Event onblur focus onchange() change onmouseover() mouseover onmouseout() mouseout onmousemove() mousemove onmousedown() mousedown onmouseup click ondblclick() dblclick onkeydown keyup onkeypress submit onload unload新的DOM2 用法可以addEventListener()这个函数来观察到: 复制代码 代码如下: addEventListener(event,function,capture/bubble); 参数event如上表所示, function是要执行的函数, capture与bubble分别是W3C制定得两种时间模式,简单来说capture就是从document的开始读到最后一行, 再执行事件, 而bubble则是先寻找指定的位置再执行事件. capture/bubble的参数是布尔值, True表示用capture, False则是bubble.Windows Internet Explorer也有制定一种EventHandler, 是 attachEvent(), 格式如下: 复制代码 代码如下: window.attachEvent); 比较特别的是attachEvent不需要指定capture/bubble的参数, 因为在windows IE环境下都是使用Bubble的模式. 如何判断是否支持哪种监听呢?如: 复制代码 代码如下: if (typeof window.addEventListener != “undefined”) { window.addEventListener(”load”,rollover,false); } else { window.attachEvent } 上述的 typeof window.addEventListener != “undefined” 程序代码可以判断使用者的浏览器是否支持AddEventListener这个事件模型, 如果不支持就使用attachEvent. W3C 及 IE 同时支持移除指定的事件, 用途是移除设定的事件, 格式分别如下: W3C格式: removeEventListener(event,function,capture/bubble); Windows IE的格式如下: detachEvent;

先为大家介绍javascript确认框的三种使用方法,具体内容如下

第一种方法:挺好用的,确认以后才能打开下载地址页面。原理也比较清晰。主要用于删除单条信息确认。

 function del() { var msg = "您真的确定要删除吗?nn请确认!"; if { return true; }else{ return false; } }  

 删 除 

本文由澳门威尼斯人平台发布于服务器&运维,转载请注明出处:addEventListener 的用法示例介绍_javascript手艺_脚本之家

关键词: