作家
登录

javascript 主动派发事件总结

作者: 来源:www.28hudong.com 2013-03-30 00:47:00 阅读 我要评论

1,dispatchEvent()这是标准的触发事件方法,使用时需要先创建好事件对象。如下复制代码 代码如下: var evt = document.createEvent('Event'); evt.initEvent('click',true,true); element.dispatchEvent(evt); 2,fireEvent() 这是IE旧版本中实现的触发事件方法,它无须创建事件对象,直接使用。如下 复制代码 代码如下: element.fireEvent('onclick'); 注意:与attachEvent一样它需要加上“on” 一个兼容性所有浏览器的版本,如下 复制代码 代码如下: var dispatch = window.addEventListener ? function(el, type){ try{ var evt = document.createEvent('Event'); evt.initEvent(type,true,true); el.dispatchEvent(evt); }catch(e){alert(e)}; } : function(el, type){ try{ el.fireEvent('on'+type); }catch(e){alert(e)} }; 上面封装的是一个触发事件的通用方法,即可以触发各种事件。浏览器还提供了特定方法来触发单独的事件。 4,click() 用来模拟用户点击,除Safari/Chrome不支持非input/button外,其它浏览器都支持。 5,form.submit() 模拟form提交,相对于点击input[type=submit] 6,input/textarea.select() 模拟用户选定文本。 7,focus() 模拟获取光标焦点 8,blur() 模拟失去光标焦点 9,input/textarea/select.change() 模拟文本或选项发生变化 10,自定义事件的派发实际就是获取该函数,然后调用 相关:https://developer.mozilla.org/En/DOM/Element.dispatchEventhttp://msdn.microsoft.com/en-us/library/ms536423%28v=VS.85%29.aspxhttps://developer.mozilla.org/en/DOM/Input.select

  推荐阅读

  基于jQuery实现的水平和垂直居中的div窗口

1、通过css实现水平居中: 复制代码 代码如下: .className{ margin:0 auto; width:200px; height:200px; } 2、通过css实现水平居中和垂直居中 通过css创建一个水平居中和垂直居中的div是一件比较麻烦的事情,您必>>>详细阅读


本文标题:javascript 主动派发事件总结

地址:http://www.17bianji.com/kaifa2/JS/24309.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)