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性能优化小技巧整理
Nov 05 Javascript
js实现鼠标点击文本框自动选中内容的方法
Aug 20 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
微信公众号H5支付接口调用方法
Jan 10 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
vue 组件开发原理与实现方法详解
Nov 29 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
Apr 24 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
Jan 07 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
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
什么是MVC,好东西啊
2007/05/03 PHP
坏狼的PHP学习教程之第2天
2008/06/15 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
YII2.0框架行为(Behavior)深入详解
2019/07/26 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
js停止输出代码
2008/07/20 Javascript
7个Javascript地图脚本整理
2009/10/20 Javascript
JavaScript DOM学习第一章 W3C DOM简介
2010/02/19 Javascript
node.js正则表达式获取网页中所有链接的代码实例
2014/06/03 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
2015/11/17 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
Bootstrap基本布局实现方法详解
2016/11/25 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
react.js CMS 删除功能的实现方法
2017/04/17 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
python创建和删除目录的方法
2015/04/29 Python
前端canvas水印快速制作(附完整代码)
2019/09/19 HTML / CSS
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
纽约JewelryAffairs珠宝店:精细金银时尚首饰
2017/02/05 全球购物
美国护肤咨询及美容产品电商:Askderm
2017/02/24 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
你对IPv6了解程度
2016/02/09 面试题
经理助理岗位职责
2014/03/05 职场文书
员工入职担保书范文
2014/04/01 职场文书
绘画专业自荐信
2014/07/04 职场文书
离职证明范本(5篇)
2014/09/19 职场文书
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
公务员政审材料范文
2014/12/23 职场文书
小学家长意见怎么写
2015/06/03 职场文书
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL