html 禁用点击事件
2021/6/17 18:32:44
本文主要是介绍html 禁用点击事件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1 1.css禁用鼠标点击事件 2 3 .disabled { pointer-events: none; } 4 注:(这个没有试过) 5 6 7 jquery禁用a标签方法1 8 $(document).ready(function () { 9 $("a").each(function () { 10 var textValue = $(this).html(); 11 if (textValue == "XX概况" || textValue == "服务导航") { 12 $(this).css("cursor", "default"); 13 $(this).attr('href', '#'); //修改<a>的 href属性值为 # 这样状态栏不会显示链接地址 $(this).click(function (event) { 14 event.preventDefault(); // 如果<a>定义了 target="_blank“ 需要这句来阻止打开新页面 15 }); 16 } 17 }); }); 18 jquery禁用a标签方法2 19 $('a.tooltip').live('click', function(event) { 20 alert("抱歉,已停用!"); 21 event.preventDefault(); 22 }); 23 jquery禁用a标签方法3 24 $(function(){ 25 $('.disableCss').removeAttr('href');//去掉a标签中的href属性 26 $('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件 27 }); 28 jquery控制按钮的禁用与启用 29 30 控制按钮为禁用: 31 32 $('#button').attr('disabled',"true");添加disabled属性 33 $('#button').removeAttr("disabled"); 移除disabled属性 34 35 live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 36 37 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。 38 39 40 41 问题:使用jQuery的live()方法绑定事件,有时会出现重复绑定的情况,如,当点击一个按钮时,此按钮所绑定的事件会并执行n遍。 42 43 解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。 44 45 46 47 Js代码 48 //先通过die()方法解除,再通过live()绑定 49 $("#selectAll").die().live("click",function(){ 50 //事件运行代码 51 }); 52 //先通过die()方法解除,再通过live()绑定 53 $("#selectAll").die().live("click",function(){ 54 //事件运行代码 55 });die()方法简介: 56
这篇关于html 禁用点击事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30毕设私活神器
- 2024-05-30html
- 2024-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)