阻止click点击事件

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

1.css禁用鼠标点击事件

.disabled { pointer-events: none; }
注：（这个没有试过）

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

                         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(){//事件运行代码
}

阻止click点击事件相关推荐

uniapp 真机调试 click点击事件无效
问题分析: (网络上普遍答案,但不能确定是否是这个原因导致) 移动端的主要问题是click会有200-300ms的延迟,主要原因是苹果手机在设计时,考虑到用户在浏览网页时需要放大,所以,在用户点击的3 ...
knockout click点击事件及事件源解释
绑定click点击事件示例 <body>you've clicked<span data-bind="text:number"></span>& ...
js blur失焦事件与click点击事件冲突
场景:输入框绑定blur失焦事件,focus后点击按钮,触发了输入框的blur事件,但是按钮点击事件没有触发. 原因:blur失焦事件的优先级比click点击事件高. 解决方法: 1.都触发 blur ...
layui lay-active 实现button click点击事件
layui lay-active 实现button click点击事件已有的解决方案 1. js实现 2. jQuery实现 lay-active实现传递参数已有的解决方案 1. js实现 HT ...
ECharts 全局触发click点击事件（Label及柱状）
// 基于准备好的dom,初始化echarts实例 let myChart = this.$echarts.init(document.getElementById('myChart')); 前言需 ...
iOS Safari 中click点击事件失效的解决办法
转载自:https://www.cnblogs.com/Steping/p/5737547.html 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效 ...
Html点击按钮时修改某个标签的 click点击事件
解决的问题:当图片点击时给另外一个div里面的li标签赋予点击事件主要核心代码 $(".delMember").attr('onclick', '').unbind('cli ...
click事件在什么时候出发_剖析setTimeout和click点击事件的触发顺序
下面是一段非常简单的JavaScript代码 dianji setTimeout(function () { alert('timer handler') }, 2000) function test ...
select 触发click点击事件
问题描述: 有时需要在点击select的时候就需要做一些逻辑判断,那么就需要触发select 的click事件,注意不是点开select后点击option的实践.我试了下原本的一些事件都不能触发cli ...

阻止click点击事件

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

阻止click点击事件相关推荐

最新文章

热门文章