JS 中触发 A 标签的点击事件

作者:Dreamer 来源:Dreamer博客 时间:2009-01-11 17:30:00 

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

<div class="list">
 
<div class ="item">
第一篇文章
</div>
 
<div 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('HTMLEvents');
 ev.initEvent('click', false, true);
 comment.dispatchEvent(ev);

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

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

标签:标签,点击,事件,js
0
投稿

猜你喜欢

  • 比特币上的数独游戏合约的实现代码

    2023-10-13 00:46:04
  • [原创][分享]数字格式化转换

    2011-07-04 12:20:15
  • Python代码阅读--列表元素逻辑判断

    2022-08-05 16:12:57
  • MSSQL批量替换语句 在SQL SERVER中批量替换字符串的方法

    2024-01-25 09:22:21
  • Python3实现并发检验代理池地址的方法

    2023-10-14 01:03:58
  • python使用reportlab生成pdf实例

    2022-09-13 09:36:42
  • Python减肥小工具轻松帮你瘦

    2021-07-20 09:54:41
  • python中 * 的用法详解

    2023-06-22 20:05:43
  • python开发中range()函数用法实例分析

    2021-05-08 12:53:26
  • Anaconda+pycharm安装及环境配置全过程

    2023-05-20 09:40:14
  • SQL里类似SPLIT的分割字符串函数

    2024-01-23 07:59:57
  • windows上安装python3教程以及环境变量配置详解

    2023-11-11 08:09:35
  • Goland激活码破解永久版及安装详细教程(亲测可以)

    2023-06-18 14:30:43
  • Python StringIO模块实现在内存缓冲区中读写数据

    2021-12-22 08:23:13
  • thinkphp的URL路由规则与配置实例

    2023-11-16 02:58:57
  • Python单例模式实例分析

    2023-11-26 03:22:52
  • 基于python元祖与字典与集合的粗浅认识

    2023-11-11 07:19:48
  • Mysql语句快速复习教程(全)

    2024-01-26 20:13:37
  • MYSQL自定义函数判断是否正整数的实例代码

    2024-01-19 19:14:20
  • vue 解决data中定义图片相对路径页面不显示的问题

    2024-04-30 10:24:52
  • asp之家 网络编程 m.aspxhome.com