jquery怎么實現(xiàn)不能點擊元素

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

創(chuàng)新互聯(lián)建站是一家集網站建設,隆安企業(yè)網站建設,隆安品牌網站建設,網站定制,隆安網站建設報價,網絡營銷,網絡優(yōu)化,隆安網站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網站。

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

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

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

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

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

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

DIV CLICK

Anchor Tag Click me 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后，該標簽立即被禁用（不可點擊）。

完整代碼：








請用Chrome或Firefox瀏覽器訪問該網頁，按F12打開控制臺(console)，
然后點擊下面的div或按鈕，看日志(log)變化。




DIV CLICK

Anchor Tag Click me

$("#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(); });

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

分享題目：jquery怎么實現(xiàn)不能點擊元素
新聞來源：http://weahome.cn/article/gsohgp.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

jquery怎么實現(xiàn)不能點擊元素

其他資訊

網站制作

企業(yè)服務

網站建設

服務器托管