jQuery中$.click()無效問題分析
今天做表格前臺導出到xls時,想自動觸發(fā)a的點擊。但失敗。最后找到這個文件。
我嘗試過多次用jQuery模擬用戶點擊a標簽的功能,但都沒有成功,并且困擾了很久。前段時間的一次發(fā)呆,冒出了新的想法,于是就動手進行了測試。
先看下邊的代碼:
<html>
<head>磨途歌-A標簽測試1<head>
<body>
<a href=" </body>
</html>
<script src=">
<script>
jQuery(function($) {
//給所有A標簽綁定點擊觸發(fā)事件
$('a').click(function() {
alert(1);
});
//觸發(fā)所有A標簽的點擊事件
$('a').click();
});
</script>
上邊的代碼確實已經(jīng)觸發(fā)了點擊A標簽事件,但大家一定也會有疑問,為什么點擊了A標簽,卻不觸發(fā)A標簽的跳轉事件?
一開始還以為是瀏覽器做了相應的安全措施,屏蔽了JS對A標簽的操作,后來發(fā)現(xiàn),并不是這樣的,接下來就說說其中的原委。
在開始解釋前,我先拋出一個問題。在我們點擊“A標簽”的時候,究竟是點擊了什么才發(fā)生的跳轉?
1)點擊的是“A標簽”本身?
2)點擊的是“A標簽”中顯示的文字?
說到這里,大家應該明白了,我們上邊的代碼已經(jīng)證實了點擊A標簽本身,并不會觸發(fā)跳轉到指定鏈接的事件,就是說,我們平時都是點擊的A標簽中的文字了?
既然有了頭緒,那么就來動手試試。
<html>
<head>磨途歌-A標簽測試2<head>
<body>
<a href=" </body>
</html>
<script src=">
<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()無效問題的分析了,希望小伙伴們能夠喜歡。
- jquery單選框radio綁定click事件實現(xiàn)方法
- jquery bind(click)傳參讓列表中每行綁定一個事件
- 使用jQuery的attr方法來修改onclick值
- jquery 為a標簽綁定click事件示例代碼
- jquery trigger偽造a標簽的click事件取代window.open方法
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jQuery防止click雙擊多次提交及傳遞動態(tài)函數(shù)或多參數(shù)
- jQuery focus和blur事件的應用詳解
- jquery focus(fn),blur(fn)方法實例代碼
- jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題
相關文章
jQuery下通過replace字符串替換實現(xiàn)大小圖片切換
實現(xiàn)的效果有點類似于Google picasa相冊不同尺寸圖片的切換效果。本實例通過文字大?。╢ont-size)控制圖片尺寸的做法是跟Google學習的,但是jQuery代碼是根據(jù)效果自己想出來的,邏輯很簡單,沒有什么精妙之處2012-05-05jQuery動態(tài)添加元素無法觸發(fā)綁定事件的解決方法分析
這篇文章主要介紹了jQuery動態(tài)添加元素無法觸發(fā)綁定事件的解決方法,結合實例形式分析了動態(tài)添加元素無法綁定事件的原因與相關解決方法,需要的朋友可以參考下2018-01-01基于jquery實現(xiàn)表格內(nèi)容篩選功能實例解析
對于表格來說,當數(shù)據(jù)比較多的時候,我們無法一頁一頁的查找,這樣我們就可以進行篩選操作,這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)表格內(nèi)容篩選功能的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-05-05jquery ajax局部加載方法詳解(實現(xiàn)代碼)
下面想就為大家?guī)硪黄猨query ajax局部加載方法詳解(實現(xiàn)代碼)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考,一起跟隨小編過來看看吧2016-05-05