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 相关文章推荐
页面中iframe相互传值传参
Dec 13 Javascript
13个绚丽的Jquery 界面设计网站推荐
Sep 28 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
Dec 08 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 Javascript
Vue 动态组件与 v-once 指令的实现
Feb 12 Javascript
vuex实现及简略解析(小结)
Mar 01 Javascript
vue中使用微信公众号js-sdk踩坑记录
Mar 29 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编程效率的53个要点(经验小结)
2010/09/04 PHP
MySQL 日期时间函数常用总结
2012/06/12 PHP
php json与xml序列化/反序列化
2013/10/28 PHP
php文件压缩之PHPZip类用法实例
2015/06/18 PHP
整理php防注入和XSS攻击通用过滤
2015/09/13 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
jQuery 开天辟地入门篇一
2009/12/09 Javascript
html dom节点操作(获取/修改/添加或删除)
2014/01/23 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
2017/10/06 Javascript
node使用Koa2搭建web项目的方法
2017/10/17 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
JS实现将二维数组转为json格式字符串操作示例
2018/07/12 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
Python中类的继承代码实例
2014/10/28 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
使用NumPy读取MNIST数据的实现代码示例
2019/11/20 Python
Tensorflow中tf.ConfigProto()的用法详解
2020/02/06 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
python 实现图像快速替换某种颜色
2020/06/04 Python
python 贪心算法的实现
2020/09/18 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
String s = new String(“xyz”);创建了几个String Object?
2015/08/05 面试题
长安大学毕业生自我鉴定
2014/01/17 职场文书
建筑系毕业生自我鉴定
2014/01/24 职场文书
药学专业学生的自我评价分享
2014/02/06 职场文书
开展党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
幽默导游词开场白
2015/05/29 职场文书
护士业务学习心得体会
2016/01/25 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书