1-阻止click点击事件

网上查了后有一下几种实现方法

1.css禁用鼠标点击事件

.disabled { pointer-events: none; }
注:(这个没有试过)

2.直接在js中使用阻止事件的进行

 e.stopPropatation||e.cancelBubble = true                    

jquery 禁用a标签 方法1

$(document).ready(function() {
    $("a").each(function() {
        var textValue = $(this).html();
        if (textValue == "XX概况" || textValue == "服务导航") {
            $(this).css("cursor", "default");
            $(this).attr('href', '#');

            //修改<a>的 href属性值为 # 这样状态栏不会显示链接地址 
            $(this).click(function(event) {
                event.preventDefault();
                // 如果<a>定义了 target="_blank“ 需要这句来阻止打开新页面  
            });
        }
    });
});

jquery 禁用a标签 方法2

$('a.tooltip').live('click', function(event) {
    alert("抱歉,已停用!");
    event.preventDefault();
});

jquery 禁用a标签 方法3

$(function() {  $('.disableCss').removeAttr('href'); //去掉a标签中的href属性     $('.disableCss').removeAttr('onclick'); //去掉a标签中的onclick事件  
});

jquery控制按钮的禁用与启用
控制按钮为禁用:

$('#button').attr('disabled', "true");
添加disabled属性 
$('#button').removeAttr("disabled");
移除disabled属性

live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。

问题:使用jQuery的live()方法绑定事件,有时会出现重复绑定的情况,如,当点击一个按钮时,此按钮所绑定的事件会并执行n遍。
解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。

Js代码

//先通过die()方法解除,再通过live()绑定
$("#selectAll").die().live("click",function(){
//事件运行代码
});
//先通过die()方法解除,再通过live()绑定
$("#selectAll").die().live("click",function(){
//事件运行代码
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,833评论 19 139
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,195评论 24 450
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,218评论 0 8
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,918评论 0 1
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,159评论 2 19

友情链接更多精彩内容