DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript觸發A標記的點擊事件
Javascript觸發A標記的點擊事件
編輯:關於JavaScript     

問題:有一個列表,每一個條目都是這篇文章的部分內容,類似這樣:

1
2
3
4
5
6
7
8
9
10
11
12
 
<div class="list">
 
<div class ="item">
第一篇文章
</div>
 
<div class ="item">
第二篇文章
</div>
.....
</div>

而且在每個條目的div的右上角都有一個“評論”鏈接,點擊就會展開所有的評論,並且顯示評論框,這個鏈接的形式如下:

1
<a class="comment-mod" href="#">評論</a>

如果用戶直接查看文章列表,那麼所有的評論以及評論框都是不顯示的,但是如果用戶通過別的頁面比如首頁的個人動態直接定位到這篇日志,那麼評論就應該全部顯示。而列表頁和查看單個條目的頁面是同一個頁面,這就要求我判斷一下用戶是否定位到該篇日志,如果是,就通過JS來觸發 A 標簽的點擊事件。

一開始我嘗試了一些方法,想當然地以為 A 標簽和按鈕一樣是有 onclick() 事件的,結果發現沒有,後來從網上搜了一些資料之後,成功解決了這個問題^_^ 。解決辦法是針對 IE 和 FF編寫不同的邏輯,部分代碼如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
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 下通過測試。

一點學習心得,記錄在此。

參考資料:http://ued.koubei.com/?p=400

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved