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

处理return false失效问题,如: 

<p><a href="a.jpg" title="hao" onclick="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>

小记录

猜你喜欢

转载自blog.csdn.net/u010912638/article/details/81633413
今日推荐