JavaScript模拟工具addEvent

JavaScript mootools addEvent

本文关键字：addEvent 工具 模拟 JavaScript      更新时间：2024-01-17

我正试图找出我的代码有什么问题。Mootools核心文件附在HTML头上，运行良好。

如果我添加代码：

$('myElement').addEvent('click', function(){
    alert('clicked!');
});

就在CCD_ 1的正下方，那么它就工作了。

但是，如果我把它添加到单独的javascript.js文件中，那么它就不起的作用

HTML是这样的：

<!DOCTYPE html>
<html>  
<head>   
<script type="text/javascript" src="mootools-core-1.4.5-full-nocompat.js"></script>
<script type="text/javascript" src="javascript.js"></script>  
</head>
<body>  
<div id="myElement">Click me.</div>
</body>  
</html>

javascript.js是这样的：

$('myElement').addEvent('click', function(){
    alert('clicked!');
});

所有文件（html、mootools-core和javascript.js都在同一目录中）。有什么想法吗？

您必须将表达式包装在domready事件中：

window.addEvent('domready', function() {
    $('myElement').addEvent('click', function() {
        alert('clicked!');
    });
});
相关文章：