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 相关文章推荐
用jQuery模拟页面加载进度条的实现代码
Dec 19 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
javaScript 动态访问JSon元素示例代码
Aug 30 Javascript
JavaScript实现的in_array函数
Aug 27 Javascript
jQuery on()绑定动态元素出现的问题小结
Feb 19 Javascript
Bootstrap的Refresh Icon也spin起来
Jul 13 Javascript
javascript this详细介绍
Sep 19 Javascript
canvas学习之API整理笔记(一)
Dec 29 Javascript
Vue.js实现列表清单的操作方法
Nov 15 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
Dec 30 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
如何开发一个渐进式Web应用程序PWA
May 10 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写的小东西
2006/12/06 PHP
PHP的基本常识小结
2013/07/05 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
js 3种归并操作的实例代码
2013/10/30 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
AngularJS基础 ng-model-options 指令简单示例
2016/08/02 Javascript
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
es6中reduce的基本使用方法
2019/09/10 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
Python3实现取图片中特定的像素替换指定的颜色示例
2019/01/24 Python
利用Python对文件夹下图片数据进行批量改名的代码实例
2019/02/21 Python
学习python可以干什么
2019/02/26 Python
python用for循环求和的方法总结
2019/07/08 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
SmartBuyGlasses台湾:名牌眼镜,名牌太阳眼镜及隐形眼镜
2017/01/04 全球购物
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
学年自我鉴定
2014/01/16 职场文书
职工运动会感言
2014/02/07 职场文书
出纳员的岗位职责
2014/02/22 职场文书
喜之郎果冻广告词
2014/03/20 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
北京离婚协议书范文2014
2014/09/29 职场文书
研究生导师评语
2014/12/31 职场文书
百年孤独读书笔记
2015/06/29 职场文书
团支部书记竞选稿
2015/11/21 职场文书
mysql函数全面总结
2021/11/11 MySQL