zoukankan      html  css  js  c++  java
  • jQuery中取消后续执行内容

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            //点击a标签,不进行页面跳转
            window.onload = function () {
                var obj = document.getElementById("myhref");
                obj.onclick = function (event) {
                    //取消默认行为
                    //return false;
                    //分浏览器
                    //IE下
                    //01.第一道能力检测
                    event = event || window.event;
                    if (event.preventDefault) {

                           //非IE下
                        event.preventDefault();
                    } else {
                        event.returnValue = false;
                    }              
                };
            }
        </script>
    </head>
    <body>
      <a id="myhref" href="http://www.baidu.com">去百度</a>
    </body>
    </html>

    这里的a标签的点击效果本来是要跳转到百度页面的,但是我们通过参数取消默认行为的方式可以让这个点击事件的后续内容不执行。

    有时候会遇到 同一个标签上点击后有多个事件,如果只想执行第一个事件而放弃后面的事件,可以加上一段代码来阻止:

    <span onclick="alert('后面的不会执行了!');event.stopPropagation();">click me!</span>

    jquery怎阻止后绑定的事件

     

    你的代码在页面载入过程中已经完成事件绑定了,没有阻止后绑定的事件的办法了,不过可以删除当前指定节点的事件绑定。方法如下:
    $("#btn").click(function(){
    if($("#tx").val()==""){
    alert("e1");
    }else{
    //删除后绑定的事件。。。
    $("#btn").unbind('click');
    }
    });

    说明:
    unbind([type],[data])
    bind()的反向操作,从每一个匹配的元素中删除绑定的事件。
    如果没有参数,则删除所有绑定的事件。

    你可以将你用bind()注册的自定义事件取消绑定。

    I如果提供了事件类型作为参数,则只删除该类型的绑定事件。

    如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。
     

    jquery:怎可以阻止第二次点击click事件?

     

    jquery提供了一个只触发一次点击的方法
    obj.one(function(){

    });
    或者用obj.unbind("click")取消点击事件
     

  • 相关阅读:
    Could note find result map com.xxxx.entity.UserAccountDO
    浏览器通过file://访问文件和通过http://访问文件有什么区别
    FreeMarker template error: The following has evaluated to null or missing: ==> blogger.md [in template "admin/about.ftl" at line 44, column 84]
    2018-01-03 --活动观赏鱼的2017总结及2018年展望
    eclipse open call hierarchy无效
    Mysql 查询重复的记录
    oracle用户、权限操作
    Oracle 修改表操作
    Python 魔法方法详解
    Python __dict__和vars()
  • 原文地址:https://www.cnblogs.com/chuangege/p/6051345.html
Copyright © 2011-2022 走看看