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 相关文章推荐
Javascript图像处理—平滑处理实现原理
Dec 28 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
基于jquery实现在线选座订座之影院篇
Aug 24 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
Jul 15 Javascript
vue component组件使用方法详解
Jul 14 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
谈谈React中的Render Props模式
Dec 06 Javascript
el-select数据过多懒加载的解决(loadmore)
May 29 Javascript
js逆向解密之网络爬虫
May 30 Javascript
JS自定义滚动条效果
Mar 13 Javascript
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 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_xmlhttp 乱码问题解决方法
2009/08/07 PHP
php disk_free_space 返回目录可用空间
2010/05/10 PHP
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
php将字符串转化成date存入数据库的两种方式
2014/04/28 PHP
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
wordpress安装过程中遇到中文乱码的处理方法
2015/04/21 PHP
laravel高级的Join语法详解以及使用Join多个条件
2019/10/16 PHP
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
2017/11/06 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
爬虫利器Puppeteer实战
2019/01/09 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
vue在响应头response中获取自定义headers操作
2020/07/24 Javascript
[01:30]2016国际邀请赛中国区预选赛神秘商店火爆开启
2016/06/26 DOTA
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
Python实现短网址ShortUrl的Hash运算实例讲解
2015/08/10 Python
python enumerate函数的使用方法总结
2017/11/15 Python
python 日期操作类代码
2018/05/05 Python
django请求返回不同的类型图片json,xml,html的实例
2018/05/22 Python
kali中python版本的切换方法
2019/07/11 Python
Python Web版语音合成实例详解
2019/07/16 Python
Python re 模块findall() 函数返回值展现方式解析
2019/08/09 Python
python如何从键盘获取输入实例
2020/06/18 Python
html5 button autofocus 属性介绍及应用
2013/01/04 HTML / CSS
个人充满哲理的自我评价
2014/02/20 职场文书
爱心捐助倡议书
2014/05/19 职场文书
卫校毕业生自我鉴定
2014/09/28 职场文书
初中学生操行评语
2014/12/26 职场文书
银行自荐信怎么写
2015/03/05 职场文书
综合素质评价个性发展自我评价
2015/03/06 职场文书
广播体操比赛主持词
2015/06/29 职场文书
python 离散点图画法的实现
2022/04/01 Python