jquery怎么實現不能點擊元素

小編給大家分享一下jquery怎么實現不能點擊元素，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創新互聯建站是一家集網站建設,隆安企業網站建設,隆安品牌網站建設,網站定制,隆安網站建設報價,網絡營銷,網絡優化,隆安網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

jquery實現不能點擊元素的方法：首先添加一個按鈕標簽、一個div標簽和一個錨標簽；然后通過“$(this).attr("disabled", "disabled");”方法實現指定標簽被禁用即可。

在許多情況下，基于某些條件并在執行某些操作后，我們需要將HTML按鈕或輸入標記設置為禁用或將其從網頁中刪除。如果您正在尋找一種方法來使任何按鈕不可點擊，即使用jquery禁用按鈕，那么您來對了地方。

例如，在按鈕上單擊調用jquery ajax函數直到其響應到來時，我們需要禁用該按鈕（不可單擊）。將該按鈕禁用以便用戶不會一次又一次地按下該按鈕是一種很好的做法。

在這篇文章中將解釋如何禁用任何按鈕，無論是Button標簽，錨標簽還是div，li元素。

HTML標記：添加按鈕，div，一個標簽

這里我們添加一個按鈕標簽，一個div標簽和一個錨標簽。點擊后，我們想讓它不可點擊（禁用）。

<div id="btnDiv">DIV CLICK</div>
<input id="btnButton" type="button" value="Button Click me" />
<a href="/" id="btnAnchr">Anchor Tag Click me</a>
Jquery代碼：禁用HTML元素（div,button,anchor標簽）
$("#btnButton").on('click', function () {
  // JQUERY
  $(this).attr("disabled", "disabled");
  // JavaScript
  document.getElementById("btnButton").setAttribute("disabled", "disabled");
  console.log("btn clicked");
});
$("#btnDiv").on('click', function () {
  $(this).off('click');
  document.getElementById("btnDiv").setAttribute("disabled", "disabled");
  console.log("Div clicked");
});
$("#btnAnchr").on('click', function (e) {
  $(this).attr("disabled", "disabled");
  e.preventDefault();
});

上述代碼解釋：當點擊按鈕或div后，該標簽立即被禁用（不可點擊）。

完整代碼：

<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<br>
請用Chrome或Firefox瀏覽器訪問該網頁，按F12打開控制臺(console)，
然后點擊下面的div或按鈕，看日志(log)變化。
</br><br>
<div id="btnDiv" style="width:80px;background:#cccccc;padding:3;">
DIV CLICK
</div></br>
<input id="btnButton" type="button" value="Button Click me" /></br></br>
<a href="/" id="btnAnchr">Anchor Tag Click me</a></br></br>
<script type="text/javascript">
$("#btnButton").on('click', function () {
  // JQUERY
  $(this).attr("disabled", "disabled");
  // JavaScript
  document.getElementById("btnButton").setAttribute("disabled", "disabled");
  console.log("btn clicked ");
});
$("#btnDiv").on('click', function () {
  $(this).off('click');
  document.getElementById("btnDiv").setAttribute("disabled", "disabled");
  console.log("Div clicked ");
});
$("#btnAnchr").on('click', function (e) {
  $(this).attr("disabled", "disabled");
  e.preventDefault();
});
</script>
</body>
</html>

看完了這篇文章，相信你對“jquery怎么實現不能點擊元素”有了一定的了解，如果想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

當前名稱：jquery怎么實現不能點擊元素
路徑分享：http://www.yijiale78.com/article18/gsohgp.html

成都網站建設公司_創新互聯，為您提供域名注冊、網站營銷、ChatGPT、搜索引擎優化、品牌網站建設、網站內鏈

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

jquery怎么實現不能點擊元素