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 相关文章推荐
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 Javascript
KnockoutJs快速入门教程
May 16 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
Javascript中click与blur事件的顺序详析
Apr 25 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
Oct 31 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 Javascript
vuex存值与取值的实例
Nov 06 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
解析PHP中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
2013/06/21 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
微信支付开发告警通知实例
2016/07/12 PHP
IE8 中使用加速器(Activities)
2010/05/14 Javascript
JS定义回车事件(实现代码)
2013/07/08 Javascript
js 走马灯简单实例
2013/11/21 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
Python中不同进制的语法及转换方法分析
2016/07/27 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
python处理“
2019/06/10 Python
Python使用itchat模块实现群聊转发,自动回复功能示例
2019/08/26 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
详解anaconda离线安装pytorchGPU版
2020/09/08 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
家长给老师的道歉信
2014/01/13 职场文书
大学生党员自我批评
2014/02/14 职场文书
新年联欢会主持词
2014/03/27 职场文书
小学生环保演讲稿
2014/04/25 职场文书
2014年大学班长工作总结
2014/11/14 职场文书
组织生活会发言材料
2014/12/15 职场文书
论文答谢词
2015/01/20 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书
golang 生成对应的数据表struct定义操作
2021/04/28 Golang
MongoDB balancer的使用详解
2021/04/30 MongoDB
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android