jQuery中$.click()無效問題分析
今天做表格前臺導(dǎo)出到xls時，想自動觸發(fā)a的點擊。但失敗。最后找到這個文件。
我嘗試過多次用jQuery模擬用戶點擊a標(biāo)簽的功能，但都沒有成功，并且困擾了很久。前段時間的一次發(fā)呆，冒出了新的想法，于是就動手進行了測試。
先看下邊的代碼：
<html>
<head>磨途歌-A標(biāo)簽測試1<head>
<body>
<a href=" </body>
</html>
<script src=">
<script>
jQuery(function($) {
//給所有A標(biāo)簽綁定點擊觸發(fā)事件
$('a').click(function() {
alert(1);
});
//觸發(fā)所有A標(biāo)簽的點擊事件
$('a').click();
});
</script>
上邊的代碼確實已經(jīng)觸發(fā)了點擊A標(biāo)簽事件，但大家一定也會有疑問，為什么點擊了A標(biāo)簽，卻不觸發(fā)A標(biāo)簽的跳轉(zhuǎn)事件？
一開始還以為是瀏覽器做了相應(yīng)的安全措施，屏蔽了JS對A標(biāo)簽的操作，后來發(fā)現(xiàn)，并不是這樣的，接下來就說說其中的原委。
在開始解釋前，我先拋出一個問題。在我們點擊“A標(biāo)簽”的時候，究竟是點擊了什么才發(fā)生的跳轉(zhuǎn)？
1）點擊的是“A標(biāo)簽”本身？
2）點擊的是“A標(biāo)簽”中顯示的文字？
說到這里，大家應(yīng)該明白了，我們上邊的代碼已經(jīng)證實了點擊A標(biāo)簽本身，并不會觸發(fā)跳轉(zhuǎn)到指定鏈接的事件，就是說，我們平時都是點擊的A標(biāo)簽中的文字了？
既然有了頭緒，那么就來動手試試。
<html>
<head>磨途歌-A標(biāo)簽測試2<head>
<body>
<a href=" </body>
</html>
<script src=">
<script>
jQuery(function($) {
var mo2g = '<span id="mo2g">磨延城<span>';
//給A標(biāo)簽中的文字添加一個能被jQuery捕獲的元素
$('a').append(mo2g);
//模擬點擊A標(biāo)簽中的文字
$('#mo2g').click();
});
</script>
這下效果出來了，事實證明了上述的推斷是正確的，所以要想用JS模擬點擊A標(biāo)簽事件，就得先往A標(biāo)簽中的文字添加能被JS捕獲的元素，然后再用JS模擬點擊該元素即可。
以上就是本文講訴的相關(guān)jQuery中$("a").click()無效問題的分析了，希望小伙伴們能夠喜歡。
- jquery單選框radio綁定click事件實現(xiàn)方法
- jquery bind(click)傳參讓列表中每行綁定一個事件
- 使用jQuery的attr方法來修改onclick值
- jquery 為a標(biāo)簽綁定click事件示例代碼
- jquery trigger偽造a標(biāo)簽的click事件取代window.open方法
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jQuery防止click雙擊多次提交及傳遞動態(tài)函數(shù)或多參數(shù)
- jQuery focus和blur事件的應(yīng)用詳解
- jquery focus(fn),blur(fn)方法實例代碼
- jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題
相關(guān)文章
用自定義圖片代替原生checkbox實現(xiàn)全選,刪除以及提交的方法
下面小編就為大家?guī)硪黄米远x圖片代替原生checkbox實現(xiàn)全選,刪除以及提交的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了jquery實現(xiàn)彈出層遮罩效果的簡單實例。需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
這篇文章主要為大家詳細介紹了jquery制做精致的倒計時特效的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
本篇文章主要是對使用jQuery簡單實現(xiàn)banner圖片切換的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
IE還真是讓設(shè)計師恨的牙癢癢的東西，且現(xiàn)在已經(jīng)有IE6、IE7、IE8、IE9、IE10這個五種不同版本的瀏覽器，且都有一點小差異。但是沒辦法，為了讓網(wǎng)頁在每個瀏覽器中顯示都一樣還必須遷就它2014-06-06
jQuery Easyui datagrid連續(xù)發(fā)送兩次請求問題
用上述方式動態(tài)加載datagrid的數(shù)據(jù)時，通過net監(jiān)聽，發(fā)現(xiàn)調(diào)用了兩遍XX方法，目前的解決方案是，將url放到datagrid初始化的時候執(zhí)行2016-12-12
基于MVC5和Bootstrap的jQuery TreeView樹形控件(二)之?dāng)?shù)據(jù)支持json字符串、list集合
這篇文章主要介紹了基于MVC5和Bootstrap的jQuery TreeView樹形控件(二)之?dāng)?shù)據(jù)支持json字符串、list集合的相關(guān)資料,需要的朋友可以參考下2016-08-08
jQuery mobile轉(zhuǎn)換url地址及獲取url中目錄部分的方法
這篇文章主要介紹了jQuery mobile轉(zhuǎn)換url地址及獲取url中目錄部分的方法,轉(zhuǎn)換url地址本文中介紹的是將相對url轉(zhuǎn)化為絕對url,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了EasyUI中在表單提交之前進行驗證的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了jQuery表單設(shè)置值的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06