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类,兼容IE及Firefox
Jun 23 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
Sep 03 Javascript
浅谈JavaScript的事件
Feb 27 Javascript
JS实现的表格行鼠标点击高亮效果代码
Nov 27 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
微信JS-SDK选取手机照片上传功能
Apr 21 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 Javascript
layui表格实现代码
May 20 Javascript
vue iview实现动态路由和权限验证功能
Apr 17 Javascript
js中getter和setter用法实例分析
Aug 14 Javascript
vue如何根据网站路由判断页面主题色详解
Nov 02 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
咖啡历史、消费和行业趋势
2021/03/03 咖啡文化
php pcntl_fork和pcntl_fork 的用法
2009/04/13 PHP
php PDO中文乱码解决办法
2009/07/20 PHP
php获取远程图片体积大小的实例
2013/11/12 PHP
当json键为数字时的取值方法解析
2013/11/15 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
2016/10/10 Javascript
深入理解vuex2.0 之 modules
2017/11/20 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
vue使用nprogress实现进度条
2019/12/09 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
python实现线程池的方法
2015/06/30 Python
Python编程中装饰器的使用示例解析
2016/06/20 Python
Python使用matplotlib的pie函数绘制饼状图功能示例
2018/01/08 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
详解python 中in 的 用法
2019/12/12 Python
详解python如何引用包package
2020/06/07 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
Django中Aggregation聚合的基本使用方法
2020/07/09 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
2012/12/19 HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
html5视频媒体标签video的使用方法及完整参数说明详解
2019/09/27 HTML / CSS
留学自荐信
2013/10/10 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
学生逃课检讨书
2015/02/17 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
2015双创工作总结
2015/07/24 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
MySQL 开窗函数
2022/02/15 MySQL
使用Python开发贪吃蛇游戏 SnakeGame
2022/04/30 Python