原型js观察函数抛出错误

Prototypejs observe function throws error

本文关键字：出错 错误 函数 js 观察 原型      更新时间：2023-09-26

我有这行代码，但它抛出了一个错误。 代码有什么问题？

<html>
    <head>
        <script src="http://prototypejs.org/javascripts/prototype.js" type="text/javascript"></script>
        <script type="text/javascript">
            Event.observe('target', 'click', function(event) {
                // ...
            });
        </script>   
    </head>
    <body>
        <p id='target'>Click me!</p>
    </body>
</html>

加载代码后加载脚本

。这样你就不需要检测 dom：loaded 事件了。:)

<html>
    <head>
        <script src="http://prototypejs.org/javascripts/prototype.js" type="text/javascript"></script>
    </head>
    <body>
        <p id='target'>Click me!</p>
          <script type="text/javascript">
                Event.observe('target', 'click', function(event) {
                    alert('clicked me');
                });
            </script>
    </body>
</html>

在执行代码时，您尝试将事件处理程序绑定到的元素在 DOM 中不存在。将其包装在 DOM 就绪事件处理程序中：

document.observe("dom:loaded", function() {
    Event.observe('target', 'click', function(event) {
        // ...
    });
});

这在原型文档中提到：

尝试

观察事件的最常见错误之一是尝试执行 在元素存在于 DOM 中之前。 不要试图观察元素 直到触发 dom：loaded 事件或窗口加载事件之后。

相关文章：