1. 程式人生 > >js 事件處理函式中 return 的作用

js 事件處理函式中 return 的作用

用一個例子說明一下:

<html>
    <body>
        <a href="https://wwww.baidu.com" onclick="return add_onclick()">Open</a>
        <input type="text" id="id_test" value="fuck">
        <script>
                function add_onclick(){
                //其他程式碼
                window.
location.href='https://www.bilibili.com'; var myelem = document.getElementById("id_test").value alert(myelem); return false; }//or false;})
</script> </body> </html>>

JavaScript在事件中呼叫函式時用return返回值實際上是對window.event.returnvalue進行設定。**

  1. 返回true時,點選連結,會執行連結標籤的href連結,即跳轉到百度,而不會執行window.location.href的跳轉操作,而且也會彈出alert。
  2. 返回false時,點選連結,不會執行連結標籤的href連結,即不會跳轉到百度,而會執行window.location.href的跳轉操作,而且也會彈出alert

通過這個例子說明:

當事件返回true時,會執行連結本身的跳轉操作,而忽略事件處理函式中的window.location.hre跳轉操作。

當事件返回false時,會終止連結本身的跳轉操作,而執行事件處理函式中的window.location.hre跳轉操作。