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


Posted in Javascript onFebruary 10, 2017

本文实例讲述了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上

PS:这里再附上javascript常见事件与功能说明的在线对照表供大家参考:

javascript事件与功能说明大全:
http://tools.3water.com/table/javascript_event

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript中字符串拼接需注意的问题
Jul 13 Javascript
深入理解javaScript中的事件驱动
May 21 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
Dec 12 Javascript
Node.js中的process.nextTick使用实例
Jun 25 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
ES6新数据结构Set与WeakSet用法分析
Mar 31 Javascript
vue.js 初体验之Chrome 插件开发实录
May 13 Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
JS回调函数 callback的理解与使用案例分析
Sep 09 Javascript
浅谈vue 多个变量同时赋相同值互相影响
Aug 05 Javascript
基于JavaScript实现轮播图效果
Jan 02 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 #Javascript
Bootstrap轮播图学习使用
Feb 10 #Javascript
微信小程序模板之分页滑动栏
Feb 10 #Javascript
三种方式实现瀑布流布局
Feb 10 #Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
Oct 26 #Javascript
Ionic+AngularJS实现登录和注册带验证功能
Feb 09 #Javascript
javascript常用的设计模式
Feb 09 #Javascript
You might like
discuz程序的PHP加密函数原理分析
2011/08/05 PHP
php4与php5的区别小结(配置异同)
2011/12/20 PHP
php addslashes及其他清除空格的方法是不安全的
2012/01/25 PHP
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
2013/01/11 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
JQuery对class属性的操作实现按钮开关效果
2013/10/11 Javascript
javascript获取xml节点的最大值(实现代码)
2013/12/11 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
2017/06/08 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
vue.js使用v-model指令实现的数据双向绑定功能示例
2018/05/22 Javascript
详谈Python基础之内置函数和递归
2017/06/21 Python
python 字典修改键(key)的几种方法
2018/08/10 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
Python中bisect的使用方法
2019/12/31 Python
Python如何读取文件中图片格式
2020/01/13 Python
python使用梯度下降算法实现一个多线性回归
2020/03/24 Python
python 获取字典键值对的实现
2020/11/12 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
Pandas数据分析的一些常用小技巧
2021/02/07 Python
阿迪达斯意大利在线商店:adidas意大利
2016/09/19 全球购物
纽约州一群才华横溢的金匠制作而成:Hearth Jewelry
2019/03/22 全球购物
error和exception有什么区别
2012/10/02 面试题
为什么需要版本控制?
2013/08/08 面试题
家具促销活动方案
2014/02/16 职场文书
男生贾里读书笔记
2015/06/30 职场文书
业余无线电通联Q语
2022/02/18 无线电