jQuery中$.click()無效問題分析
阿新 • • 發佈：2018-12-03
今天做表格前臺匯出到xls時，想自動觸發a的點選。但失敗。最後找到這個檔案。
我嘗試過多次用jQuery模擬使用者點選a標籤的功能，但都沒有成功，並且困擾了很久。前段時間的一次發呆，冒出了新的想法，於是就動手進行了測試。
先看下邊的程式碼：
複製程式碼程式碼如下:
<html>
<head>磨途歌-A標籤測試1<head>
<body>
<a href=" http://blog.mo2g.com">磨途歌<a>
</body>
</html>
<script src="
<script>
jQuery(function($) {
//給所有A標籤繫結點選觸發事件
$('a').click(function() {
alert(1);
});
//觸發所有A標籤的點選事件
$('a').click();
});
</script>
上邊的程式碼確實已經觸發了點選A標籤事件，但大家一定也會有疑問，為什麼點選了A標籤，卻不觸發A標籤的跳轉事件？
一開始還以為是瀏覽器做了相應的安全措施，遮蔽了JS對A標籤的操作，後來發現，並不是這樣的，接下來就說說其中的原委。
在開始解釋前，我先丟擲一個問題。在我們點選“A標籤”的時候，究竟是點選了什麼才發生的跳轉？
1）點選的是“A標籤”本身？
2）點選的是“A標籤”中顯示的文字？
說到這裡，大家應該明白了，我們上邊的程式碼已經證實了點選A標籤本身，並不會觸發跳轉到指定連結的事件，就是說，我們平時都是點選的A標籤中的文字了？
既然有了頭緒，那麼就來動手試試。
複製程式碼程式碼如下:
<html>
<head>磨途歌-A標籤測試2<head>
<body>
<a href=" http://www.mo2g.com">磨途歌<a>
</body>
</html>
<script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"><script>
<script>
jQuery(function($) {
var mo2g = '<span id="mo2g">磨延城<span>';
//給A標籤中的文字新增一個能被jQuery捕獲的元素
$('a').append(mo2g);
//模擬點選A標籤中的文字
$('#mo2g').click();
});
</script>
這下效果出來了，事實證明了上述的推斷是正確的，所以要想用JS模擬點選A標籤事件，就得先往A標籤中的文字新增能被JS捕獲的元素，然後再用JS模擬點選該元素即可。
以上就是本文講訴的相關jQuery中$("a").click()無效問題的分析了，希望小夥伴們能夠喜歡。
原文參考：http://www.jb51.net/article/60538.htm