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
57  

$(‘a.tooltip‘).live(‘click‘, function(event) {

2    alert("抱歉,已停用!"); 
3   event.preventDefault();  
4 });

原文地址:https://www.cnblogs.com/wuheng1991/p/9293572.html

时间: 2024-10-31 20:20:37

html 禁用点击事件的相关文章

jQuery Mobile Slider 禁用点击事件

在使用jQuery Mobile Slider时,发现在页面上下拖动时,很容易不小心触发Slider的点击事件,从而造成误操作.为此需要禁用Slider的点击事件. 官方API并没有提供禁用点击事件的事件的方法,因此要实现这一功能只能另辟蹊径.留意到点击Slider时都要触发一个mousedown方法改变滑块所处的位置,不妨重写这个方法,在mousedown事件触发时,保持原有的滑块位置不变. 实现方法: 首先找到要操作的对象: 实现代码: 1 /*** 控制滑块任意位置点击事件不可用 ***/

a 标签 启用或禁用点击事件

<a href="#" id="btnAuthCode" class="authCode_btn">获取验证码</a> //点击后取消按钮的绑定事件,防止多次提交 $('#btnAuthCode').unbind('click');$('#btnAuthCode').html('获取中...'); //获取验证码后,倒计时 if (data.status == "200") { var i = 90;

jQuery移除或禁用html元素点击事件常用方法小结

移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现. 一.CSS方法 .disabled { pointer-events: none; } 二.jQuery方法 方法一 $(this).click(function (event) { event.preventDefault(); } 方法二 $('a').live('click', function(event) { alert("抱歉,已停用!"); event.preventDefault();

使用ajax后提交事件后禁用按钮,事件执行完毕后,重新启用按钮

一直想做这样的效果,实现的方法虽然不是很好,但效果还是出来了 <script runat="server"> /// <summary> /// 当Button2被点击,实际是Button3触发事件,这样就可以达到提交事件时禁用被提交的按钮效果 /// </summary> protected void Button_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(5

基于Android系统应用层与框架层剖析View点击事件

基于Android操作系统的框架层和应用层,介绍了View的绘制.触摸事件的传递流程,分析了View与用户交互时被回调的相关框架层代码和应用层代码,研究了Android应用中事件处理的相关重要机制.通过具体代码详细剖析了在Android系统下用户和View交互过程中折射出的回调机制,回调方法在系统框架的详细执行过程,以及基于回调机制的经典事件处理模型. 1 引言 Android是一种基于Linux的自由及开放源代码的操作系统,目前基于Android平台的应用日趋广泛.Android应用程序大多基

fastclick.js解决移动端(ipad)点击事件反应慢问题

参考http://blog.csdn.net/xjun0812/article/details/64919063 http://www.jianshu.com/p/16d3e4f9b2a9 问题的发现 上班做项目的时候碰到一个移动端项目,其中有个小游戏,相当于天上掉馅饼,用户需要点击馅饼获得.游戏做好之后在pc端测试是没问题的,安卓手机上测试也是没问题的,但是部分苹果手机就出现了问题,用户点击馅饼没有反应. 后来调试的时候,我让这些馅饼静止在屏幕上,这些苹果手机用户就可以点击了.才发现是因为点击

html A标签 绑定点击事件。跳转页面。处理

在平时的页面中,肯定有需要点击A标签 进行处理. 这时候习惯性的绑定一个点击事件进行数据处理. 在A标签中 herf="#" 然后绑定一个点击事件. 或者在A标签里面的元素里面有一个点击事件 . 当点击这个i图标的时候,他会默认跳走.会默认跳转到你项目根目录的index页面. 这个时候需要在 i 绑定的点击事件中把a跳转链接取消,禁用都可以. 注意:function 后面一定要把写e进来 . 或者写的时候直接写 <a href="javascript:void(0);

阻止click点击事件

遇到一个屏蔽点击事件,以前一般都是通过js控制,阻止事件,今天看到css加一个样式就能屏蔽,来记录一下 //css禁用鼠标点击事件 .test { pointer-events: none; } 随便其他方法也记下吧 1. e.stopPropatation||e.cancelBubble = true jquery禁用a标签 方法1: $(document).ready(function() { $("a").each(function() { var textValue = $(t

移动端点击事件全攻略,有你知道与不知道的各种坑

看标题的时候你可能会想,点击事件有什么好说的,还写一篇攻略?哈哈,如果你这么想,只能说明你too young to simple. 接触过移动端开发的同学可能都会面临点击事件的第一个问题:click事件的300ms延迟响应.不能立即响应给体验造成了很大的困扰,因此解决这个问题就成为了必然. 这个问题的解决方案就是: zepto.js的tap事件.tap事件可以理解为在移动端的click事件,而zepto.js因为几乎完全复制jQuery的api,因此常常被用在h5的开发上用来取代jquery.