a标签添加移除事件及开启禁用事件

一、添加移除点击事件

<script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript">
$(function(){
 $(".b").click(function(){
  $(this).removeAttr("onclick");
  setTimeout(function(){
   $(".b").attr("onclick","test();");
   },3000)
  })
 })
function test(){}
</script>
<p>
 <a class="b" href="#" onclick="test();">点击去掉该链接的onclick属性,3秒后再自动加上该onclick属性</a>
</p>

二、开启禁用点击事件

a标签 要用  disable 属性,必须和  pointer-events属性一起使用  ,例子 如下:

HTML 部分代码:

<a id="querySign">赞</a>

JS 代码:

$("#querySign").attr("disabled",true);

$("#querySign").css("pointer-events","none");

1、禁用点击事件

js 缩写  一行搞定:$("#querySign").attr("disabled",true).css("pointer-events","none");

  加灰按钮  $(‘#querySign‘).css({ opacity: 0.2});

2、开启点击事件

  $("#querySign").attr("disabled",false).css("pointer-events","auto");
  $(‘#querySign‘).css({ opacity: 1});

原文地址:https://www.cnblogs.com/cwone/p/9939696.html

时间: 2024-10-12 19:11:33

a标签添加移除事件及开启禁用事件的相关文章

原生js怎么为动态生成的标签添加各种事件

这几天用zepto.js写了不少事件,突然想到一个问题,那就是原生的js如何给动态生成的标签添加事件?因为这些标签都是后来通过ajax或者运行其他点击事件生成的,那么如果之前给他们写事件他们这个dom对象是找不到的,jq通过事件委托解决了这个问题,但是原生js这个问题该怎么解决呢?我在网上查了很多资料,好像只有一种办法,那就是在生成标签并把标签添加到html结构中后再添加对于这个新标签的各种事件,如果有更好的方法,欢迎提出来. <!DOCTYPE html> <html lang=&qu

jquery练习事件的添加移除

<!doctype html> <html> <head> <meta charset="gb2312"> <title>nuzhang练习事件的添加移除-title</title> <script src="js/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(e) {

JS添加/移除事件

事件的传播方式 <div id="father"> <div id="son"></div> </div> <script> //事件传播有两种方式 //自下而上 从子级到父级是 事件冒泡 //自上而下 从父级到子级是 事件捕获 var son = document.getElementById("son"); var father = document.getElementById(&

html——a标签添加点击事件,火狐浏览器直接显示0

一.问题描述 给一个a标签添加了点击事件,页面直接给了0如下图 二.问题解决 后台调试模式下,发现也进了后台方法,也返回了页面. 于是想到先把页面里大部分内容去掉,去掉所有js,查看是否是部分代码有问题,这样做后,发现js完全去掉,只保留点击事件,效果也还是这样. 但是有几点奇怪的地方: 1.进了后台方法,还没执行完,页面就变成0了 2.无论将页面中什么元素去掉,这个效果都不变 3.看浏览器调试器,发现请求根本没有响应信息 但是页面已经显示了0,开始以为ajax请求有问题,但是重写了也依然如此.

无法执行添加/移除操作,因为代码元素 是只读的

刚刚学习用MFC编写嵌入式软件,各种问题接踵而来啊,在资源选项卡里面新建一个dialog后拖进去一个button按钮,想要添加这个空间的时间相应却怎么也不成功.会出现 提示框 “无法执行添加/移除操作,因为代码元素**是只读的”.根据提示去查看对应的.cpp和.h文件,发现并没有只读属性,没办法,求助于网络,发现这个问题还是挺普遍的,参考这篇文章后,保存现有工程后,在目录里面删掉.ncb文件后重新打开解决方案,问题解决. 另外还碰到一个情况,就是在属性栏点击“控件事件”后列表为空,不应该啊,比对

jQuery如何为指定标签添加和删除一个样式

jQuery如何为指定标签添加和删除一个样式:在网页的实际应用中,需要根据不同的条件来改变元素的CSS样式,通过动态的给元素添加删除一个CSS类可以实现此功能,下面通过实例来介绍一下如何实现此种功能.一.使用addClass()和removeClass()添加和删除一个CSS类:代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="

mysql事件的开启和调用

mysql事件的开启和调用 DELIMITER $$ DROP EVENT IF EXISTS CCP_CREATE_TABLE_EVENT $$ CREATE EVENT CCP_CREATE_TABLE_EVENT ON SCHEDULE EVERY 1 DAY STARTS '2016-12-01 01:00:00' ON COMPLETION PRESERVE ENABLE DO BEGIN CALL CCP_COLL_LOG_TABLE_DAY(NULL); CALL CCP_SELF

js实现给一个标签添加多个class值

在写html跟css的时候,我们会给一些标签起一些class的名字,但是在写js的时候可能也会通过cssName操作css样式,如果只是平常的element.className = "value";的话,那么之前的定义的class会被置空,css中的样式就会受到影响,所以,在js中如果有微调css的话,尽量使用element.style来改变.但是如果真的是使用element.className = "value";的话也可以在js中实现给一个标签添加多个class

给li标签添加自定义属性

给li标签添加属性<ul> <li></li> <li></li> <li></li> <li></li></ul> 1.用jquery方法 $('ul').find('li').attr("index", function () {return $(this).index()}) 2.用js方法 var aLi = document.getElementsByTag