2016年6月20日 星期一

html javascript return false的應用

在下列情況下return false可防止html元素執行預設動作:

例1:

<a onclick="return confirm('are you sure?')" href="https//google.com.tw">go to google</a>

點擊"確定"(return true)才會前往google,否則(return false)無動作

例2:

<form action="">
        <button onclick="return confirm('are you sure?')">click me</button>
</form>

點擊"確定"(return true)才會送出表單,否則(return false)無動作



需注意return false的接收者必須是元素本身,以下方式是無效的

onclick="myFunction()"

function myFunctoin() {
      return confirm('are you sure?');
}

相關原因說明可參考下列這篇說明:

html onclick 屬性觸發的function如何取得元素物件

沒有留言:

張貼留言