Javascript触发A标记的点击事件

炫目樱花爷爷

炫目樱花爷爷

2016-02-20 00:53

今天图老师小编给大家精心推荐个Javascript触发A标记的点击事件教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

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

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

123456789101112
 div class="list" div class ="item"第一篇文章/div div class ="item"第二篇文章/div...../div

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

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

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

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

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

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

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

一点学习心得,记录在此。

参考资料:

展开更多 50%)
分享

猜你喜欢

Javascript触发A标记的点击事件

Web开发
Javascript触发A标记的点击事件

JS触发A标签的点击事件

Web开发
JS触发A标签的点击事件

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

关闭按钮点击事件的捕捉

Web开发
关闭按钮点击事件的捕捉

学习JavaScript的事件

Web开发
学习JavaScript的事件

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript的事件:onLoad

Web开发
JavaScript的事件:onLoad

JavaScript事件的理解

Web开发
JavaScript事件的理解

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

给WPS设置保护眼睛的淡绿色

给WPS设置保护眼睛的淡绿色

prototypeexecutingcontextclosure

prototypeexecutingcontextclosure
下拉加载更多内容 ↓