美文网首页
span标签去除点击事件

span标签去除点击事件

作者: onefiter | 来源:发表于2016-11-25 02:06 被阅读800次

前端页面手机验证码倒计时的按钮,公司前端竟然用的是span标签,onclick事件怎么取消呢?前端忙😂😂😂,这可咋整?

解决办法如下:

//设置点击事件不可用
$("#verificode").css("pointer-events", "none"); 
//倒计时完毕,点击事件可用
$("#verificode").css("pointer-events", "auto");

注:发送验证码的代码:<span id='verificode'>发送验证码</span>

参考链接:http://stackoverflow.com/questions/6657545/setting-attribute-disabled-on-a-span-element-does-not-prevent-click-events

相关文章

  • span标签去除点击事件

    前端页面手机验证码倒计时的按钮,公司前端竟然用的是span标签,onclick事件怎么取消呢?前端忙???,这可咋...

  • js中阻止事件冒泡行为

    场景:如demo所示,父标签div有个点击事件,其子标签span也有一个点击事件。 当点击父标签时,弹出提示框,没...

  • js冒泡/捕获/默认事件/事件委托的区别

    一.默认事件-下面是一个a标签,默认具有跳转属性这就属于默认事件,怎么做到点击a标签让其不跳,去除默认事件。 二:...

  • CSS3

    解决h5页面滚动不流畅 去除ios input框点击时的灰色背景 定位事件穿透(span定位在div上,click...

  • a链接中href="#"与javascript:void(0)

    前言 项目中,有时会需要保留a标签自带的样式,同时去除a标签点击跳转的事件,我们会使用到href="#"与java...

  • vue 自定义指令实现点击波纹效果

    利用css的 过渡和动画效果,点击时给目标元素追加span标签,通过改变span的opacity和scale即可实...

  • 如何实现触发子元素事件,而不触发父元素事件

    html如下: 点击跳转 弹框弹出 给外层div注册点击事件使其跳转到另一页面,给span注册点击事件,...

  • 点击a标签触发点击事件后下载文件

    a标签 a标签下载文件 点击下载 添加点击事件 点击下载 因为 点击事件先于href执行 当点击事件返回true时...

  • Vue开发介绍(一)

    我们为什么需要Vue 考虑以下代码: 当点击按钮时,span标签的内容会+1;当输入颜色的时候,span的颜色会改...

  • Vue阻止冒泡点击事件

    当我们在父标签定义了点击事件,在子标签定义的也有点击事件,那么点击字标签的时候就会触发父标签的点击时间和子标签的事...

网友评论

      本文标题:span标签去除点击事件

      本文链接:https://www.haomeiwen.com/subject/guyipttx.html