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表格翻页效果的具体实现
Oct 05 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
Jan 12 Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
浅谈JavaScript的innerWidth与innerHeight
Oct 12 Javascript
使用 Node.js 开发资讯爬虫流程
Jan 07 Javascript
javascript、php关键字搜索函数的使用方法
May 29 Javascript
vue如何获取自定义元素属性参数值的方法
May 14 Javascript
JavaScript模块管理的简单实现方式详解
Jun 15 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
Oct 25 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 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实现异步调用方法研究与分享
2011/10/27 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
jquery 指南/入门基础
2007/11/30 Javascript
JavaScript格式化数字的函数代码
2010/11/30 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
2013/01/17 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
2013/05/15 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
基于jQuery实现收缩展开功能
2016/03/18 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
详解Angular4 路由设置相关
2017/08/26 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
小程序自动化测试的示例代码
2020/08/11 Javascript
微信小程序实现滚动Tab选项卡
2020/11/16 Javascript
[47:52]DOTA2-DPC中国联赛正赛 iG vs LBZS BO3 第二场 3月4日
2021/03/11 DOTA
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
Python的包管理器pip更换软件源的方法详解
2016/06/20 Python
Python之Web框架Django项目搭建全过程
2017/05/02 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
详解python:time模块用法
2019/03/25 Python
Python之time模块的时间戳,时间字符串格式化与转换方法(13位时间戳)
2019/08/12 Python
python global关键字的用法详解
2019/09/05 Python
Python日志处理模块logging用法解析
2020/05/19 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
Html5之title吸顶功能
2018/06/04 HTML / CSS
德国高性价比网上药店:medpex
2017/07/09 全球购物
JYSK加拿大:购买家具、床垫、家居装饰等
2020/02/14 全球购物
四查四看整改措施
2014/09/19 职场文书
2014年小学少先队工作总结
2014/12/18 职场文书
圆明园观后感
2015/06/03 职场文书
2015教师节通讯稿
2015/07/20 职场文书
业务员管理制度范本
2015/08/06 职场文书
迎国庆主题班会
2015/08/17 职场文书
go goroutine 怎样进行错误处理
2021/07/16 Golang