僅當表單已更改時如何將事件偵聽器添加到窗口

Question

與許多表單一樣，用戶在填寫字段時可能會意外單擊某些鏈接。

但如果他們沒有填補任何人，我不需要阻止你卸載。

僅當表單已更改時，如何將事件onbeforeunload添加到window對象？

Answer 1

還有另一種方法可以做到這一點，如果你有 jQuery，你可以阻止所有鏈接的（a）點擊，如果用戶沒有填寫任何內容。

function fillCheck(){
    return /* filled? (true or false) */;
}

$('body').on('click','a',function(){
    isFill =  fillCheck();
    if(!isFill){
        return false;
    }
})

Answer 2

先綁定事件，檢查表單是否發生變化。

示例代碼：

 window.onbeforeunload = function(e) { var formChanged = $(".name").val(); // This is example. Make any boolean value. if (formChanged) { return 'Dialog text here.'; } };