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  THIS详解 面向对象
Mar 25 Javascript
JavaScript中json对象和string对象之间相互转化
Dec 26 Javascript
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
Jul 09 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
jQuery图片轮播实现并封装(一)
Dec 03 Javascript
jquery获取下拉框中的循环值
Feb 08 Javascript
BootStrap入门学习第一篇
Aug 28 Javascript
vue路由跳转时判断用户是否登录功能的实现
Oct 26 Javascript
JavaScript中关于class的调用方法
Nov 28 Javascript
JavaScript常用工具函数汇总(浏览器环境)
Sep 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
自己前几天写的无限分类类
2007/02/14 PHP
PHP 得到根目录的 __FILE__ 常量
2008/07/23 PHP
PHP中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
页面元素绑定jquery toggle后元素隐藏的解决方法
2014/03/27 Javascript
js中将String转换为number以便比较
2014/07/08 Javascript
学习jQuey中的return false
2015/12/18 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
2020/12/31 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
2018/05/23 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
node.js express捕获全局异常的三种方法实例分析
2019/12/27 Javascript
JavaScript将数组转换为链表的方法
2020/02/16 Javascript
JavaScript实现移动小精灵的案例代码
2020/12/12 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
python3抓取中文网页的方法
2015/07/28 Python
Python实现删除时保留特定文件夹和文件的示例
2018/04/27 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
Python中logging实例讲解
2019/01/17 Python
python 通过SSHTunnelForwarder隧道连接redis的方法
2019/02/19 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
python异步Web框架sanic的实现
2020/04/27 Python
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
高二地理教学反思
2014/01/24 职场文书
《闻一多先生的说和做》教学反思
2014/04/28 职场文书
广播体操比赛口号
2014/06/10 职场文书
个人授权委托书样本
2014/09/13 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
2015年中学校长工作总结
2015/05/19 职场文书
使用 CSS 构建强大且酷炫的粒子动画效果
2022/08/14 HTML / CSS