在頁面開發中,有時候需要把某個a標簽設置成不可點擊,這時候就可以使用jquery來實現。
// 1.使用jquery的方式獲取到需要禁止點擊的a標簽 var a = $("a"); // 2.使用jquery的方式給a標簽綁定一個onClick事件 a.on("click", function(e) { e.preventDefault(); });
通過以上代碼,我們使用jquery獲取到了a標簽并且給它綁定了一個onClick事件,當點擊a標簽時,事件被捕獲并且使用preventDefault()來阻止鏈接跳轉,從而實現了禁止點擊的功能。
需要注意的是,如果頁面中存在多個a標簽,上述代碼將同時禁止所有的a標簽點擊,如果需要只針對單個a標簽進行禁止點擊,可以給該a標簽添加一個唯一的類名,并且使用該類名來獲取該標簽。
// 使用jquery的方式獲取到需要禁止點擊的a標簽 var a = $("a.classname"); // 綁定onClick事件禁止a標簽點擊 a.on("click", function(e) { e.preventDefault(); });
通過以上代碼,我們只會針對帶有classname類名的a標簽進行禁止點擊的操作。