在IE中提供了一个fireEvent方法,顾名思义就是触发某个事件发生的意思。刚开始我以为是会跟平时使用onclick()一样,没想到最近在写javascript入门ppt的时候发现了,原来自己太自以为是了!看来还有很多javascript的细节没有掌握好啊!
现在根据自己的总结详细的记录下fireEvent方法的使用。fireEvent是IE提供的一种方法,msdn文档地址:http://msdn.microsoft.com/en-us/library/ms536423(v=vs.85).aspx
onclick()
我们先看第一段实例代码:
复制代码 代码如下:
<ul onclick='alert(event.srcElement.innerHTML);'>
<li id='id1'>i am one;</li>
<li id='id2'>i am two;</li>
<li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").onclick();'>click me!</button>
这段代码中我们没有个id1的li添加onclick事件,点击button,会报错,提示“对象不支持此属性或方法”。由此可见,DOM.onclick()需要添加onclick事件之后才能使用。
假如我们把以上的代码修改为:
复制代码 代码如下:
<ul onclick='alert(event.srcElement.innerHTML);'>
<li id='id1' onclick='alert(1);'>i am one;</li>
<li id='id2'>i am two;</li>
<li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").onclick();'>click me!</button>
此时,点击button会触发onclick事件,但是ul的onclick没有触发,这就表明了DOM.onclick()不存在冒泡。
fireEvent()
我们来看看fireEvent跟onclick()触发事件是否相同。看下面的代码:
复制代码 代码如下:
<ul onclick='alert(event.srcElement.innerHTML);'>
<li id='id1'>i am one;</li>
<li id='id2'>i am two;</li>
<li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button>
点击button后,触发ul的onclick事件,说明fireEvent会引起冒泡,而且没有发生像onclick()提示“对象不支持此属性或方法”,说明即使不添加id1的onclick事件也可以冒泡。
由此可以看出,IE中的fireEvent方法类似模拟用户的鼠标点击行为,而不是单纯的onclick。
总结fireEvent和onclick区别 通过上面的例子可以看出,DOM的fireEvent和onclick(这只是个代表)有以下区别:
1.onclick需要DOM真正添加了onclick事件,否则会报“对象不支持此属性或方法”错误
2.onclick不会引起IE的冒泡过程,而fireEvent会引起冒泡,fireEvent更贴近用户真实的行为触发
3.由第二条得出,fireEvent在即使DOM没有click事件也可以fireEvent,而不会报错(更贴近用户真实行为)
最后可以拿下面的代码测试:
复制代码 代码如下:
<ul onclick='alert(event.srcElement.innerHTML);'>
<li id='id1' onclick='alert(1);'>i am one;</li>
<li id='id2'>i am two;</li>
<li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").onclick();'>click me!</button>
<button onclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button>
相关推荐:
seo黑帽是什么,列举几种seo黑帽行为 ,穿老款的ai丢人吗
SEO网:让你的数字营销更加精准高效,开启网络引流新时代,丰县互联网网站推广优势
seo网站页面优化包括什么,seo页面优化技术 ,no ai写作
ChatGPT异常了:人工智能的极限与突破,ai and ethics
SEO每日:提高网站流量的秘密武器,助你脱颖而出,seo优化和排名技巧
什么是seo网络推广,seo网络推广技术 ,ai写真官方
洗文章AI:让内容创作变得更智能、更高效
AI撰写工具的无限可能,让内容创作更高效、更精彩!
SEO人工优化-让你的网页轻松登上搜索引擎首页,ai主母
SEO优化排名:让您的网站在搜索引擎中脱颖而出,我ai 达瓦仓决
seo软件工具,seo软件是什么 ,AI妆容
SEO需要:如何提升网站排名,打造高效营销利器,seo怎么推广关键词
ChatGPT免费版的限制:你需要了解的5大制约因素,Ai分解模型
怎么让AI写文章,轻松实现内容创作的智能化
为什么“蜘蛛弛查询”能成为提升网站排名的秘密武器?,惠州网站推广v1戈seo24
“收录量为1”,打造数字化时代的独特竞争力,网站建设页面制作流程
AI缩短短文-提升创作效率,写作新体验,光速写作业ai写作app
好用的AI写作工具,提升写作效率与创意的最佳选择
在线AI文章生成器开启智能创作新时代
如何查文章AI率?全面解析AI文章检测工具及技巧
怎么用AI生成文章?全新写作方式的揭秘与应用指南
seo营销到底是什么,seo算什么营销 ,ai里面新建
文章AI排版,让创作更高效的秘密武器
ChatGPT免登录:轻松畅聊,无需注册,快速体验AI智能助手,眼泪ai
ChatGPT网页版内容显示不全的原因与解决方案,ai超级绘
目前AI软件有哪些?智能新时代的必备工具
用AI写科普文章:科技改变写作的未来
高效创作新时代AI文案速写工具,让创作更轻松
ChatGPT当前不可用?如何应对AI服务中断的挑战,ai文章免费写作app
SEO项目:如何通过精确优化提升企业网站排名与转化率,武汉做网站优化的公司
SEO子-为你的网站注入流量的秘密武器,麻城网站网址优化
怎么用AI润色文章,让你的文稿瞬间高大上
ChatGPT无法完全显示?你可能忽略了这些令人惊讶的细节!,朵朵ai绘画
怎么使用AI生成文章,轻松提升写作效率!
SEO要好,网站流量翻倍的关键秘诀,品牌网站建设关键词优化
AI助手Stut:智能时代的创新引擎,开启未来工作新篇章,ai对ai的格斗游戏
SEO网络营销:如何通过精准优化提升品牌价值,青州建设网站电话
ChatGPT的VPN梯子:畅享全球互联网自由,打破地域限制,一直搜Ai
ChatGPT页面空白不乏登录:让你秒变职场高手与生活智囊,百度ai 腾讯ai
什么是seo快排,seo快排方案 ,ai剪图形
如何下载免费AI软件,让你的工作和生活更智能
SEO招标:如何通过专业SEO服务助力企业脱颖而出,牡丹江关键词排名怎么样
SEO对策:提升网站排名与流量的必备策略,SEO入门相机平价学生
怎样使用AI写文章:释放创作潜能,提升写作效率
SEO培训:助力企业实现互联网营销的无限可能,平塘网站优化推广价格
怎样用AI写文章?快速高效创作新技能!
文字写作AI生成工具:让创作更简单、更高效
seo组建需要什么条件,seo建站的步骤 ,ai肌肉宝宝
仿写AI:智能时代的创作革命,洛江区移动房网站推广
SEO在广告领域的深度解析:如何利用SEO提升广告效果,网文写作ai工具