js的returnValue屬性用法介紹

螞蟻小編發表於2017-03-27
JS

本章節簡單介紹一下returnValue屬性的用法，希望能夠給當前需要的朋友帶來一定的幫助。

此屬性並不是w3c標準屬性，不過它還是有用武之地的，下面進入正題。

returnValue屬性是事件物件的一個屬性，如果屬性值設定為false，那麼功能與preventDefault()方法相同。

1.preventDefault()函式可以參閱javascript returnValue事件屬性一章節。

2.預設動作可以參閱javascript阻止預設動作程式碼例項一章節。

瀏覽器相容:

1.IE9以下瀏覽器支援此屬性。

2.火狐瀏覽器不支援此屬性。

3.Opera瀏覽器支援此屬性。

4.谷歌瀏覽器支援此屬性。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html><html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
 
</style>
<script type="text/javascript"> 
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    event.returnValue=false;
    return true;
  }
}
</script>
</head>
<body>
<a href="http://www.softwhy.com" id="bt">螞蟻部落</a>
</body>
</html>

點選連結並不會發生跳轉，因為並且event.returnValue的優先順序要比下面的return true要高。

相關文章