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 密码强度判断代码
Sep 05 Javascript
jQuery的三种$()
Dec 30 Javascript
JavaScript DOM学习第六章 表单实例
Feb 19 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
May 30 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
Web前端开发之水印、图片验证码
Nov 27 Javascript
Javascript实现基本运算器
Jul 15 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 Javascript
浅谈es6中的元编程
Dec 01 Javascript
jQuery+ajax实现文件上传功能
Dec 22 jQuery
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遍历文件夹下的所有文件和子文件夹示例
2014/03/20 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
php使用ZipArchive函数实现文件的压缩与解压缩
2015/10/27 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
java script编程起步(第三课)
2007/01/10 Javascript
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
动态刷新 dorado树的js代码
2009/06/12 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
jQuery实现图片文字淡入淡出效果
2015/12/21 Javascript
js倒计时显示实例
2016/12/11 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
JavaScript使用ul中li标签实现删除效果
2019/04/15 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
微信小程序日历弹窗选择器代码实例
2019/05/09 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
2015/05/22 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
使用python3实现操作串口详解
2019/01/01 Python
django中账号密码验证登陆功能的实现方法
2019/07/15 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
Python中断多重循环的思路总结
2019/10/04 Python
python全局变量引用与修改过程解析
2020/01/07 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
css3 边框、背景、文本效果的实现代码
2018/03/21 HTML / CSS
一些关于MySql加速和优化的面试题
2014/01/30 面试题
毕业生自荐信如何写
2014/03/24 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
英语教师求职信
2014/06/16 职场文书
争先创优活动总结
2014/08/27 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书