JavaScript中给onclick绑定事件后return false遇到的问题

最新推荐文章于 2024-06-04 10:37:05 发布
最新推荐文章于 2024-06-04 10:37:05 发布
阅读量4.5k 收藏 2
点赞数 1
分类专栏： JS案例 文章标签： JavaScript     处理return false失
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010912638/article/details/81633413
版权

处理return false失效问题，如： 

<p><a href="a.jpg" title="hao" οnclick="showPic(this);return false;">点击</a</p>
      

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>title</title>
    </head>
    <body>
    <script type="text/javascript">
       function showPic(hao){
            var source = hao.getAttribute("href");
            var placeholder = document.getElementById("placeholder");
            placeholder.setAttribute("src", source);
            var text = hao.getAttribute("title");
            var description = document.getElementById("description");//获取目标
            description.firstChild.nodeValue = text;
           
             return false;//加上
            
        }
    </script>
      <div><p id="a">我来了</p></div>
	  <!--这里虽然设置了return false，但是点击后，没有达到我想要的效果，还是跳转了，
           目的是设置了return false的话，自然是返回false时，不跳转的。
        细想下的话，就会发现return false;并不是像我想的那样把结果值返回给onclick了。
        于是，这里就需要改动了，要把函数showPic的结果值返回给onclick才可以。这样的话，就要在
        函数最后返回false即可，如：return false;//加上
	  <p><a href="a.jpg" title="hao" onclick="showPic(this);return false;">点击</a</p>
	  -->
    <!--改动后，完好地处理了return false失效问题-->
	  <p><a href="a.jpg" title="hao" onclick="return showPic(this);">点击</a> </p>
	  <img id="placeholder" src="bg.jpg" alt="my image gallery" />
		<p id="description">Choose an image.</p>
    </body>
</html>

小记录

花无情
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
《前端》onclick= function() 、onclick= return function() 、return false的区别介绍。
BelleDiao的博客
05-21 1881
现在在做薪酬二期的。 οnclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值 onclick = "return function()" 则是 执行 function并传回 function 中之回传值。 <script> function doAlert() { var fail_this_check = true; if(fail_this_check) return false;
JavaScript实现为事件句柄绑定监听函数的方法分析
10-19
这是最基础的事件绑定方式，通过直接将函数赋值给DOM元素的事件属性来实现，如`elem.onclick`。这种方法简单易用，`this`关键字会指向触发事件的元素。然而，它的局限性在于只能绑定一个函数，如果尝试再次绑定，会...
JavaScript Onclick Return False
Jarod|党
12-20 524
本文译者注       下面的一小段文章，说明了在HTML标签中加入带有返回值的Onclick事件，当返回值为false时，对原标签的影响。在文章最后一段用到了Prototype，很遗憾本人并没有使用过此框架，翻译的可能有失准确。          这是本人第一次翻译文章，英文水平，JS水平均有限，也只是练习性质的翻译，如有不妥之处，感谢留言相告。     在HTML代码中，无论你在哪里放置...
在JS（JavaScript）中，常见的点击事件（click）修饰符
最新发布
weixin_52231116的博客
06-04 696
本文主要介绍在JS（JavaScript）中，常见的点击事件（click）修饰符。
在JS中 onclick="return false;" return false是什么意思
专业大神之路
05-08 8804
return false表示阻止浏览器对事件的默认处理比如：&lt;input type="submit" onclick="submitAction(); return false;" /&gt;submitAction 方法里面有提交表单的动作。万一不加 return false，在执行完 submitAction 方法后，submit 按钮还会继续执行它的默认事件（提交表单），加上retur...
onclick return false
weixin_34318326的博客
10-30 484
在HTML代码中，无论你在哪里放置了onclick事件，并且返回值为false时，那么该处的默认行为将不会执行。这里的默认行为是指没有Onclick事件时原本的行为。 举一个例子：<a href="http://www.nojs.com" return false;">Click Me</a>在上面的例子中，如上面所说点击(click)这个链接，那么动...
onclick=‘return false‘
weixin_57246351的博客
09-22 322
<!-- 单选题 --> <div v-if="previewList.questionType == 1"> <div v-html="previewList.question" style="color:blue"></div> <div>单选题 选项:(以下选择的选项为正确答案)</div> <el-radio-group v-mo.
在JS中onclick="save();return false;"return false的意思
渴望飞的鱼的博客
11-21 1957
在JS中onclick="save();return false;"return false的意思
JavaScript在for循环中绑定事件解决事件参数不同的情况
12-04
有时候要对响应一堆相似的事件，但是每个事件的参数都不同，一开始还以为挺简单的，用个for循环不就得了，结果...}时，JavaScript引擎会先将for循环里的代码执行完， 当用户出发onclick事件时，JavaScript会寻找i，结
浅谈javascript中return语句
12-08
在JavaScript编程语言中，`return`语句扮演着至关重要的角色。它主要负责两件事情：一是返回函数的计算结果，二是结束函数的执行并把控制权交还给调用者。理解`return`语句的正确使用对于编写高效、可维护的代码至关...
详解a标签添加onclick事件的几种方式
10-17
### 方法5: `href="#"` + `onclick` + `return false;` ```html <a href="#" onclick="js_method();return false;">点击我 ``` 这个方法结合了`#`和`return false;`，点击后执行`js_method()`，然后阻止默认的页面...
return false,对阻止事件默认动作的一些测试代码
09-05
在JavaScript中，`return false` 是一种常见的方法，用于阻止事件的默认行为。然而，它的效果并不总是跨浏览器一致，特别是在不同的事件处理程序之间以及不同浏览器的实现中。标题和描述提到的测试代码是为了探究 `...
a链接的onclick与js中的return false
jcpp9527的博客
01-04 1008
a链接的onclick与js中的return false 在学习《javascript基础教程》第八版时，有一个小细节开始不是很明白，查了一些资料后，理了一下思路。例子的html代码： DOCTYPE html> html> head> title>Rotating Banner with Linkstitle> script src="script08.js"
return false误区onclick|submit=fn(return false)不能阻止默认行为
andyzhaojianhui的专栏
05-08 7431
在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为,众所周知，在表单中加上onsubmit="return false;"可以阻止表单提交。在超链接中加上onclick="return false;"可以阻止打开超链接。  return false 作用 ：          在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.  众所周知，在表单
onclick=‘’return false“
weixin_30432007的博客
11-07 423
文章来自 http://www.cnblogs.com/hellen-li/archive/2010/10/22/1858422.html checkbox没有readOnly属性，可以这样让它保持只读：设置它的onclick=‘’return false“js里就是 checkbox.onclick=function(){return false;}; 例子： ...
html,jsp里的onclick事件 return false与二重调用
小猪的成长专栏
03-24 3580
・タグ return false;">＜前へ ・タグ 画面更新 ・タグ      onclick="doPageSubmit('${currentPage - 1}');return false;"      onmouseout="swapImage(this,'/XXX/resources/page_out.gif')"      onmouseover="swapI
onclick = func()； return false
黑猫几绛的博客
08-12 348
在原生js中return false表示阻止浏览器对事件的默认处理 比如链接跳转事件 <a href="https://imlzz.top" onclick="push('/test'); return false"/> function push (path) { history.push(path) } 如果不加 return false，在onclick后会触发超链接的默认跳转事件；加上return false后，则不会再执行提交表单的动作 结合js基础部分...
onclick=“return doAlert()“ onclick=“return false“
创业项目
07-20 321
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function doAlert() { //alert("#"); var fail_this_check = true; if(fai.
onclick="showpic(this); return false;"
lxiaopfeng的博客
10-09 2185
JS基础知识
JavaScript事件处理：剪切与事件概念
本文主要介绍了事件处理的概念，特别是剪切事件以及如何在JavaScript中屏蔽剪切操作。同时，提到了事件处理程序的调用方法，包括在HTML标记中指定、在`<script>`标记中为特定对象指定事件。 在Web开发中，事件是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值