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();
});

注:此方法中的live亦可以为on,bind等方法

方法三

$(‘.disableCss‘).removeAttr(‘onclick‘);//去掉标签中的onclick事件

通过removeAttr方法来控制html标签的属性已达到启用或禁用事件。另,使用这种方式也可以控制其他事件或其他效果。

方法四

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

注:和方法三是一样的,不过disabled属性一般用在类型为button或submit的input上

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

时间: 2024-10-09 09:47:04

jQuery移除或禁用html元素点击事件常用方法小结的相关文章

原创:微信小程序bindtap绑定html元素点击事件

什么是事件? 事件是视图层到逻辑层的通讯方式. 事件可以将用户的行为反馈到逻辑层进行处理. 详解(以常见的tap点击事情为例) 模板.wxml代码: <view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view> JS文件代码: Page({ data:{ ... }, onload:function(){ ... }, tapName: f

赋予option元素点击事件后,点击select时却触发了option事件。如何解决?

将select的优先级提到option之前就可以了. 方法:为select元素添加position:relative: <select class="adt" name="ss"> <option>请选择</option> <foreach name='sf' item='f'> <option jibie="{$f.level}" value="{$f.name}" in

JS点击子元素不触发父元素点击事件(js阻止冒泡)

<html> <title></title> <head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100px;height:100px;background:black;position: relative;cursor: pointer} .divchild{position: absolute;margin:

VUE 点击事件(父子层级元素点击时踩坑记录)

<ul> <li @click="fatherClick"> <div @click.stop="childClick"> </div> </li> </ul> var vm_target = new Vue({ el: '#vm_target', data: { }, methods:{ /**父元素点击事件**/ fatherClick:function(event){ var el1 =

jquery嵌套后会触发2次点击事件, jquery的unbind就是卸载这个点击事件的.

$("#diva").click(function(){ $("#divb").unbind("click").click(function(){ alert("www.lao8.org 提供代码."); }); }); jquery嵌套后会触发2次点击事件, jquery的unbind就是卸载这个点击事件的.

jQuery on()方法绑定动态元素的点击事件

之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态生成的标签点击了没反应,而live方法却能够支持,于是乎到处查资料,问网友,结果找了好久在一篇文章中终于找到了答案... jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果.大家看看源码就知道了.生成的按钮基数项on方法点击无效l

jQuery on()方法绑定动态元素的点击事件无效

之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态生成的标签点击了没反应,而live方法却能够支持,于是乎到处查资料,问网友,结果找了好久在一篇文章中终于找到了答案... jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果.大家看看源码就知道了.生成的按钮基数项on方法点击无效l

从一个ListBox中的元素点击买入另一个ListBox元素中

先看效果图: Blend中制作过程如下: 1.在数据板中新建示例数据,如下图 2.弹出对话框点击确定性 3.这是数据板中出现Collection集合,把集合下的Property1改成Name 4.在对象和时间线窗口选中Grid,左健点中上图中的Name属性拖拽到Blend中间的画板上,会自动创建ListBox,把ListBox放在画板左侧,如下图: 5.再在画板右侧创建一个空的ListBox 6.如果上面步骤没有问题,代码中应该是下图这样的 7.对左侧listBox添加双击事件,双击后listB

js动态插入的元素点击无效

当点击按钮1时为元素b动态添加类discounted,并对具有类discounted的元素b进行点击事件 $(".btn1").click(function(){ $(".b").addClass("discounted"); }); $(".b.discounted").on("click",function(){ alert("1111"); }) 以前以为动态插入的元素直接用on便