alert"Hel"/>
热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

关于javascript：将自定义函数绑定到原型中的DOM事件？

2023-04-18 20:22:25

关于javascript：将自定义函数绑定到原型中的DOM事件？

Binding custom functions to DOM events in prototype?

jQuery具有出色的语言结构，如下所示：

1
2
3
4
5
$(document).ready(function() {
    $("a").click(function() {
        alert("Hello world!");
    });
});

您可能会猜到，一旦文档加载完毕，就会将自定义函数绑定到所有标记的onClick事件。

问题是，如何在原型中实现这种行为？

原型1.6在文档上提供了" dom：loaded"事件：

1
2
3
4
5
document.observe("dom:loaded", function() {
    $$('a').each(function(elem) {
        elem.observe("click", function() { alert("Hello World"); });
    });
});

我还对$$()返回的数组使用了每个迭代器。

1
2
3
4
5
$(document).observe('dom:loaded', function() {
    $$('a').invoke('observe', 'click', function() {
        alert('Hello world!');
    });
});
1
2
3
4
5
Event.observe(window, 'load', function() {
     Event.observe(element, 'click', function() {
         alert("Hello World!");
     });
});

当然，您需要首先在"原型"中"选择"元素。

函数绑定原型事件自定义

推荐阅读