return false的妙用

最新推荐文章于 2022-05-12 21:31:45 发布
最新推荐文章于 2022-05-12 21:31:45 发布
阅读量99 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/ggbd-lie/archive/2012/10/19/2731117.html
版权

分别讨论return false 在原生javascript   以及   jquery   以及在VQuery中如何写出即阻止默认事件也阻止冒泡的return false;

先看原生JS  以下是代码

window.οnlοad=function()
{
    var aDiv = document.getElementsByTagName("div");
    for(var i=0;i<aDiv.length;i++)
    {
        aDiv[i].onclick=function()
        {
            alert(this.style.backgroundColor);
            return false;
        };
    }
};
</script>
<style>
div{ padding:50px;}
</style>
</head>

<body>
<div style="background-color:green">
  <div style="background-color:red">
    <div style="background-color:black"></div>
  </div>
</div>

结果：

原生JS：                     return false                                                            IE             ff
            　　　　　　　　　　　　　　　　　　　　　　　　　　　　阻止默认       yes　　　 yes
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 阻止冒泡       no            no

 


jquery                       return false                                                         　IE             ff
            　　　　　　　　　　　　　　　　　　　　　　　　　　　　阻止默认       yes　　　 yes
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 阻止冒泡       yes　　　 yes

要使得VQuery的return false也同时具有阻止默认和阻止冒泡要这么写

function myAddEvent(obj, sEv, fn)
{
    if(obj.attachEvent)
    {
        obj.attachEvent('on'+sEv, function (){
                  //ie的attachEvent方法有一个BUG，如果不指定this的话，this指向window
            if(false==fn.call(obj))
            {
                event.cancelBubble=true;                  //阻止冒泡
                return false;                             //阻止默认
            }
        });
    }
    else
    {
        obj.addEventListener(sEv, function(ev){
            if(false==fn.call(obj))
            {
                ev.cancelBubble=true;                     //阻止冒泡
                ev.preventDefault();                      //阻止默认
            }
        }, false);
    }
}

 

转载于:https://www.cnblogs.com/ggbd-lie/archive/2012/10/19/2731117.html

weixin_30597269
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QButtonGroup 类的妙用 -按钮组的管理与控制
程序员黄老师的精品课！
07-06 106
无论是单选按钮（`QRadioButton`）还是复选框（`QCheckBox`），`QButtonGroup`都能帮助我们轻松地控制和监听这些按钮的状态变化。`QButtonGroup`主要用于将多个`QRadioButton`或`QCheckBox`组合在一起，形成一个逻辑上的组。`QButtonGroup`提供了多种信号，如`buttonClicked(int)`, `buttonPressed(int)`, 和`buttonReleased(int)`，这些信号可以用来响应按钮的各种状态变化。
return false的作用python_Python：鲜为人知的功能特性（上）
weixin_35457966的博客
12-30 1200
GitHub 上有一个名为《What the f*ck Python!》的项目，这个有趣的项目意在收集 Python 中那些难以理解和反人类直觉的例子以及鲜为人知的功能特性，并尝试讨论这些现象背后真正的原理！原版地址：github.com/satwikkansa…最近，一位名为“暮晨”的贡献者将其翻译成了中文。中文版地址：github.com/leisurelich…原本每个的标题都是原版中的英文...
return false的作用python_Python关键字return的作用
weixin_39986178的博客
01-13 3682
1、返回一个值2、终止一个函数的继续复制代码def my_len(): # 函数名的定义s1='hello world'length=0for i in s1:length=length+1return length # 函数的返回值str_len=my_len() #函数的调用以及返回值的接收print(str_len)11复制代码在没有返回值的时候：1、不写return与写入return...
return false 与return true 困惑
weixin_30815469的博客
02-17 905
项目中总是遇见return false 与return true 的出现，从来没有仔细研究过，今天闲下来，仔细看了看，如下总结： return false ： 1.取消默认事件，何为默认事件：点击a标签， 默认就会执行属性href里面的跳转地址，这就是默认事件。 2. 阻止当前函数再往下执行，但不影响其他的函数，如果想要代码局部改变一下数据，就可以使用...
do...while(FALSE)的两个妙用
左手技术 右手写诗
06-08 748
一、使用do...while(FALSE)消除goto语句。 通常，如果在一个函数中开始要分配一些资源，然后在中途执行过程中如果遇到错误则退出函数，当然，退出前先释放资源，我们的代码可能是这样： Sample I: bool Execute() {    // 分配资源    int *p = new int;    bool bOk(true);
python return false_在Python函数中使用True，False和None作为返回值 - python
weixin_39737001的博客
11-29 4041
我认为我完全理解这一点，但我只是想确定一下，因为我一直看到人们说永远不要对True，False或None进行测试。他们建议例程应引发错误，而不是返回False或None。无论如何，在很多情况下，我只是想知道是否设置了标志，所以我的函数返回True或False。在其他情况下，如果没有有用的结果，我的函数将返回None。从我的想法来看，只要我意识到我永远都不要使用：if foo == Trueif f...
asp.net下OnClientClick的妙用！
10-30
ASP.NET 下 OnClientClick 的妙用 ASP.NET 是一个功能强大且流行的 Web 应用程序开发框架，它提供了多种方式来处理客户端验证和服务器端验证。在 ASP.NET 应用程序中，我们经常需要使用 JavaScript 来进行客户端...
javascript void(0)的妙用
10-29
<form onsubmit="return false;"> ()">提交 ``` 这里，`return false;`可以防止表单默认的提交行为，而`void(0)`同样可以达到类似的效果： ```html (0);"> ()">提交 ``` 总结来说，`javascript:void(0)`在...
do...while(0)的妙用详细解析
09-05
return false; } bOk = func2(); if (!bOk) { delete p; p = NULL; return false; } // 更多操作... delete p; p = NULL; return true; } ``` 这种写法虽然直观，但随着函数中操作数量的增加，错误...
JavaScript中的this妙用实例分析
10-15
return false; }; }; ``` 在这个例子中，当用户点击链接时，`this`指向触发`onclick`事件的`<a>`标签，`this.href`即获取到该标签的`href`属性值。这样，即使以后改变链接指向的页面，也不需要修改JavaScript代码...
关于else if 语句和return语句的联系,和while循环语句的坑
qq_53066188的博客
05-12 540
function getsChildrens(pr) { var o = pr; //将参数以另一个形式保存起来方便操作 var result = []; //用数组的方法while语句会一直执行推入进去的,只能return返回出来 // for (var i = 0; i < box.childNodes.length; i++) { while (o.previousSibling != null) { ...
有关return、return false、break、continue 用法详解
前端岚枫
11-12 3044
return false、break、continue 这三种语句是我们写代码中经常遇到的语句，有时不清楚它们的用途场景很容易弄混乱，今天我收集这些语句的详细用法。 return 函数中的return 语句既是指函数调用的的返回值，这里是return语句的语法： return expression return 语句只能在函数体内出现，如果不是的话将会报语法错误。当执行到return 语句的时候...
【分享】return false,对阻止事件默认动作的一些测试
weixin_30918633的博客
11-13 134
首先页面上有一个 <textarea id="test"></textarea> 我们为其绑定以下事件 test.onkeydown = function(){ return false; } ...
向后兼容
weixin_34341229的博客
07-04 763
检查浏览器是否兼容这个方法，加一句： window.onload = function(){ if(!document.getElementsByTagName) return false； var links = document.getElementsByTagName("a"); for ( var i = 0 ; i<links.length...
return,return true,return false三个的作用。
Bright2017的博客
06-13 9111
return false和return true 和return的作用。
return false
最新发布
06-02
return false 是 JavaScript 中的一个关键字，用于阻止事件的默认行为或停止事件的传播。当事件被触发时，浏览器会按照一定的顺序执行事件的默认行为和冒泡或捕获传播机制，如果在事件处理程序中使用 return false，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值