JS触发A标签的点击事件

2016-02-20 01:04 85 1 收藏

有了下面这个JS触发A标签的点击事件教程,不懂JS触发A标签的点击事件的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

问题:有一个列表,每一个条目都是这篇文章的部分内容,类似这样:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
div class="list"div class="item"第一篇文章/divdiv class="item"第二篇文章/div...../div

而且在每个条目的div的右上角都有一个评论链接,点击就会展开所有的评论,并且显示评论框,这个链接的形式如下:

a class="comment-mod" href="#"评论/a

如果用户直接查看文章列表,那么所有的评论以及评论框都是不显示的,但是如果用户通过别的页面比如首页的个人动态直接定位到这篇日志,那么评论就应该全部显示。而列表页和查看单个条目的页面是同一个页面,这就要求我判断一下用户是否定位到该篇日志,如果是,就通过JS来触发 A 标签的点击事件。

一开始我尝试了一些方法,想当然地以为 A 标签和按钮一样是有 onclick() 事件的,结果发现没有,后来从网上搜了一些资料之后,成功解决了这个问题^_^ 。解决办法是针对 IE 和 FF编写不同的逻辑,部分代码如下:

var comment = document.getElementsByTagName('a')[0]; if (document.all) { // For IE  comment.click();} else if (document.createEvent) {   //FOR DOM2 var ev = document.createEvent('MouseEvents'); ev.initEvent('click', false, true); comment.dispatchEvent(ev);}

上面的代码在IE6, IE7 和 FireFox 3 下通过测试。

UPDATE: 测试的时候发现代码在FireFox 2下不好使,仔细检查之后发现了问题,把 document.createEvent(’HTMLEvents’) 改成 document.createEvent(’MouseEvents‘);就好了。(刚写完的时候唯独没有测试FireFox 2,结果还真是有问题,看来那句话说的对:如果你觉得可能会出问题,那就一定会出问题。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

参考文章:表单Form的submit事件不响应

来源:http://www.tulaoshi.com/n/20160220/1633182.html

延伸阅读
标签: Web开发
这个问题来自论坛提问,对dom稍微了解的话还是比较简单的,只要注册一下事件就可以了。 C#代码如下: using System; using System.ComponentModel; using System.Windows.Forms; namespace WindowsApplication5 ...{ public partial class Form1 : Form ...{ public Form1() ...{ Initializ...
《维多利亚2》触发事件秘籍 event 13290 选项那 科研效果加到100以上 多种选项科研 14680 人口加繁殖1% 人类那 多种选项 14000 到14210 各种主义级多元化 多种选项 19300 移民吸引+200% +100关系等 22530 随机一级铁路 22540 原料产量+5% 当地斗争-0.02 22530 随机建设1.00级铁路 22560 工厂产出及原料原产地+5% 22580 随机丢掉...
标签: 侠客风云传
《侠客风云传》养成模式事件触发攻略 《侠客风云传》养成模式中一旦错过某个事件很有可能就影响了整个结局,所以各个时间触发的时间和位置对于玩家来说是很重要的,清楚事件触发对玩家来说既不耽误练功又不会错过重要剧情,一举两得。 第一年 说实在的这玩意有点影响游戏的探索乐趣所以写好之后一直没发,而且解包出来的数据文件也都...
标签: Web开发
请教一下.点击 超连接,提示一个层.点击空白.层消失.  原生js版 提示 BODY { BACKGROUND: #fff; FONT: 76%/1.5 Arial,sans-serif; COLOR: #333 } input{ width:200px;border: 1px solid #86B9D6; } #reg_div{ color: #154BA0; border: 1px solid #86B9D6; background: #D9EEF9; position: absolute; z-ind...
标签: Web开发
titleJS复制本页地址/title input type="button"   name="Submit" onClick='copyToClipBoard()' value="点击复制本页地址,分享给QQ/MSN上的好友" width="100" height="16" script language="javascript" function copyToClipBoard(){ var clipBoardContent=&quo...

经验教程

197

收藏

23
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部