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 相关文章推荐
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
Apr 15 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
js创建数组的简单方法
Jul 27 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
Apr 07 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 Javascript
mpvue写一个CPASS小程序的示例
Sep 04 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
jquery.pager.js分页实现详解
Jul 29 jQuery
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 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
定制404错误页面,并发信给管理员的程序
2006/10/09 PHP
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
PHP基于数组实现的分页函数实例
2014/08/20 PHP
PHP实现递归无限级分类
2015/10/22 PHP
yii2使用ajax返回json的实现方法
2016/05/14 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
2017/05/19 PHP
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
2021/03/09 Servers
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
JavaScript 构造函数 面相对象学习必备知识
2010/06/09 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
2012/02/03 Javascript
JS比较两个时间大小的简单示例代码
2013/12/20 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
Bootstrap路径导航与分页学习使用
2017/02/08 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python转换HTML到Text纯文本的方法
2015/01/15 Python
对pandas的dataframe绘图并保存的实现方法
2017/08/05 Python
python的构建工具setup.py的方法使用示例
2017/10/23 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
Python matplotlib生成图片背景透明的示例代码
2019/08/30 Python
python用Tkinter做自己的中文代码编辑器
2020/09/07 Python
2014年祖国生日寄语
2014/09/19 职场文书
房屋租赁合同解除协议书
2014/10/11 职场文书
技术支持岗位职责
2015/02/13 职场文书
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书
高中同学会致辞
2015/08/01 职场文书
2019年家电促销广告语集锦
2019/10/21 职场文书
使用nginx动态转换图片大小生成缩略图
2021/03/31 Servers
欧元符号 €
2022/02/17 杂记