js 事件處理函式中 return 的作用
阿新 • • 發佈:2018-12-12
用一個例子說明一下:
<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進行設定。**
- 返回true時,點選連結,會執行連結標籤的href連結,即跳轉到百度,而不會執行window.location.href的跳轉操作,而且也會彈出alert。
- 返回false時,點選連結,不會執行連結標籤的href連結,即不會跳轉到百度,而會執行window.location.href的跳轉操作,而且也會彈出alert
通過這個例子說明:
當事件返回true時,會執行連結本身的跳轉操作,而忽略事件處理函式中的window.location.hre跳轉操作。
當事件返回false時,會終止連結本身的跳轉操作,而執行事件處理函式中的window.location.hre跳轉操作。