使用JavaScript的通用类对象侦听器遇到麻烦了吗？

Question

我有以下Javascript：

function save_data_check(e) {
    var input_value = $('.input-right').text();

    if (input_value !== "") {

        if(!e) e = window.event;
        e.cancelBubble = true;
        e.returnValue = 'You have unsaved data on this page.'; 

        if (e.stopPropagation) {
        e.stopPropagation();
        e.preventDefault();

        }

    }

}

window.onbeforeunload = save_data_check;

该代码的预期功能是，当用户尝试离开页面时，如果具有公共类“ input-right”的任何输入具有任何值，则该函数将运行“ save_data_check”功能。

这个函数的问题似乎是它最基本的部分：事件监听器。 删除if语句以检查通用类输入是否有任何值会在每次尝试离开页面时弹出该弹出窗口吗？

我如何无法收听此事件？

Answer 1

有两个问题：

1. onbeforeunload是一个不寻常的事件。 您只需返回要显示的消息。

2. input元素没有文本，它们有一个值 。

所以：

function save_data_check() {
    var msg;

    $('.input-right').each(function() {
        if (this.value) {
            msg = 'You have unsaved data on this page.';
            return false;
        }
    });

    return msg;
}

window.onbeforeunload = save_data_check;

现场例子