首页 > 其他 > 详细

阻止click点击事件

时间:2019-08-21 11:38:56      阅读:103      评论:0      收藏:0      [点我收藏+]

遇到一个屏蔽点击事件,以前一般都是通过js控制,阻止事件,今天看到css加一个样式就能屏蔽,来记录一下

//css禁用鼠标点击事件

.test { pointer-events: none; }

随便其他方法也记下吧

1.

 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“ 需要这句来阻止打开新页面  
            });
        }
    });
});

方法2

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

方法3

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

直接控制标签禁用

disabled

 

阻止click点击事件

原文:https://www.cnblogs.com/yanqiong/p/11387458.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!