javascript - 如果文本框包含文本，则不允许用户离开页面

Question

我正在使用这个 JS 代码:

window.onbeforeunload = function() {
    return "Any changes you have made WILL be lost!";
}

如果用户试图离开页面则显示警告窗口

我只希望在文本区域中有文本时显示警报

我试过:

window.onbeforeunload = function() {
    var update_text = document.getElementById('ticket_update').value; 
    if(!update_text == '') {
        return "Any changes you have made WILL be lost!";
    }
}

但无论文本区域是否为空，它都不会显示警报

Answer 1

问题是

if(!update_text == '')

按照操作顺序，您的代码看起来像

if( (!update_text) == '')

所以当有一个值为空时 !("") 为真所以你的检查是 true == ''

应该是

if(update_text !== '')

JSFiddle

或

if(update_text.length)

JSFiddle