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利用append添加元素报错的解决方法
Jul 01 Javascript
一个检测表单数据的JavaScript实例
Oct 31 Javascript
jQuery 动态云标签插件
Nov 11 Javascript
node.js中的buffer.length方法使用说明
Dec 14 Javascript
jquery实现全屏滚动
Dec 28 Javascript
JavaScript Ajax实现异步通信
Dec 14 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
vue中将html字符串转换成html后遇到的问题小结
Dec 10 Javascript
微信小程序云开发 生成带参小程序码流程
May 18 Javascript
javascript定时器的简单应用示例【控制方块移动】
Jun 17 Javascript
webpack 处理CSS资源的实现
Sep 27 Javascript
Vue组件化开发之通用型弹出框的实现
Feb 28 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代码优化及php相关问题总结
2006/10/09 PHP
PHP 文章中的远程图片采集到本地的代码
2009/07/30 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
ajax的hide隐藏问题解决方法
2012/12/11 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
『jQuery』名称冲突使用noConflict方法解决
2013/04/22 Javascript
jQuery学习笔记之toArray()
2014/06/09 Javascript
浅谈javascript中this在事件中的应用
2015/02/15 Javascript
Angularjs整合微信UI(weui)
2016/03/15 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
ES6数组的扩展详解
2017/04/25 Javascript
JS仿淘宝搜索框用户输入事件的实现
2017/06/19 Javascript
剖析Angular Component的源码示例
2018/03/23 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
vue通信方式EventBus的实现代码详解
2019/06/10 Javascript
[01:12:08]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.24
2019/09/10 DOTA
利用Python为iOS10生成图标和截屏
2016/09/24 Python
Python与Java间Socket通信实例代码
2017/03/06 Python
Python处理XML格式数据的方法详解
2017/03/21 Python
TensorFlow实现非线性支持向量机的实现方法
2018/04/28 Python
pandas 数据实现行间计算的方法
2018/06/08 Python
Python 使用 attrs 和 cattrs 实现面向对象编程的实践
2019/06/12 Python
树莓派4B+opencv4+python 打开摄像头的实现方法
2019/10/18 Python
关于numpy数组轴的使用详解
2019/12/05 Python
树莓派升级python的具体步骤
2020/07/05 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
儿童生日会策划方案
2014/05/15 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
大学生读书笔记大全
2015/07/01 职场文书
学校体育节班级口号
2015/12/25 职场文书
Java基础-封装和继承
2021/07/02 Java/Android