溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下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怎么實現不能點擊元素”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
