javascript/jQuery 取消Button Click事件

$('#button_submit').click(function (e) {
    if ($('#txb_username').val() != ''
    && $('#txb_password').val()) {
        $('#button_submit').attr('disabled', true);
    }
    else {
        alert('Username/Password不允許為空值!');
        e.preventDefault()
    }
});


  • preventDefault是阻止預設行為的發生(如:onclick事件)
  • stopPropagation是會停止整個Event Tree往上繼續觸發
  • return false等於preventDefault與stopPropagation同時作用

不過在Google Chrome上面,return false不會有反應.


也可以使用下列語法直接取消事件泡:


window.event.returnValue = false;
window.event.cancelBubble = true;


沒有留言:

橫式廣告