jquery為連結a元素註冊click事件並避免跳轉現象
在實際應用中,可能需要將連結a作為一個普通的按鈕使用,但是由於點選按鈕會導致跳轉動作,下面就通過程式碼例項介紹一下如何實現點選功能,並且不會出現跳轉現象,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a[name='antzone']").click(function(){ $("#thediv").text("螞蟻部落歡迎您"); return false; }) }); </script> </head> <body> <div id="thediv"></div> <a href="#" name="antzone">檢視效果</a> </body> </html>
上面的程式碼實現了我們的要求,程式碼比較簡單,也就是為連結註冊click事件處理函式,並且在事件處理函式中return false,這樣就可以阻止跳轉效果了,更多內容可以參閱相關閱讀。
相關閱讀:
1.a[name='antzone']可以參閱jQuery [attribute=value]一章節。
2.click事件可以參閱jQuery click 事件一章節。
3.text()函式可以參閱jQuery text()一章節。
4.return false可以參閱javascript中return false的作用是什麼一章節。
相關文章
- jquery為動態新增元素註冊事件處理函式jQuery事件函式
- jQuery為非同步載入的元素註冊事件處理函式jQuery非同步事件函式
- jQuery click事件jQuery事件
- jquery如何獲取註冊在某個元素上的事件jQuery事件
- jQuery能夠為一個元素註冊多個相同事件處理函式jQuery事件函式
- 動態生成的html元素繫結click事件HTML事件
- 如何為新增的元素註冊事件處理函式事件函式
- jquery 為動態新增的元素繫結事件jQuery事件
- jQuery實現DOM元素事件動態繫結jQuery事件
- ASP.NET 個人資訊註冊頁面,並跳轉顯示ASP.NET
- jQuery如何判斷是否註冊某事件jQuery事件
- vue裡a標籤從後臺獲取連結並實現跳轉Vue
- jQuery阻止事件冒泡現象程式碼例項jQuery事件
- jQuery為動態新增的按鈕註冊事件處理函式jQuery事件函式
- jquery為動態新增元素新增事件薦jQuery事件
- jQuery獲取某元素下所有的連結元素jQuery
- jQuery如何解綁註冊的事件處理函式jQuery事件函式
- jQuery中click事件多次觸發解決方案jQuery事件
- jquery 新增html元素後 html中click失效問題jQueryHTML
- JavaScript 阻止超連結跳轉JavaScript
- title並不只適用於連結元素
- title並不只適用於連結<a>元素
- jquery註冊事件處理函式常用的幾種方式jQuery事件函式
- [提問交流]這要如何實現跳轉連結
- jquery給動態新增的dom元素繫結事件jQuery事件
- js 註冊事件物件JS事件物件
- js 註冊事件的兩種方式詳解,傳統註冊事件與方法監聽註冊事件(addEventListener)JS事件dev
- JavaScript進階系列05,事件的執行時機, 使用addEventListener為元素同時註冊多個事件,事件引數JavaScript事件dev
- 過載jquery on方法實現click事件在移動端的快速響應jQuery事件
- JavaScript click 事件JavaScript事件
- jQuery事件中on實現繫結多個事件jQuery事件
- JavaScript 阻止超連結的跳轉JavaScript
- (一)Chrome書籤連結跳轉Chrome
- jQuery給動態新增的元素繫結事件的方法jQuery事件
- 直播平臺開發,實現點選跳轉外部連結時的跳轉步驟
- 小弟為共享軟體作者製作的管理軟體註冊的動態連結庫 (轉)
- 註冊客戶端事件客戶端事件
- SourceTree跳過註冊安裝使用