onclick事件的最佳标签是什么?

时间:2014-01-16 06:37:54

标签: javascript html css

我写了这段代码:

<div onclick="f()"></div>

但是这段代码在某些系统上不起作用,我认为“onclick”可以正常使用其他标签,是否有人对这个问题有相同的经验?

2 个答案:

答案 0 :(得分:1)

你的onclick工作正常。

如果你在div上有它,你可能会遇到它实际上没有任何尺寸的问题(通常一个空的div将有100%的宽度和0px的高度,除非有其中的东西)。

我建议仔细检查你的div是否有大小。

这是一个有效的jsbin:

http://jsbin.com/UmelibO/1/edit

答案 1 :(得分:1)

我不喜欢使用混有HTML的javascript,当你有一个大的应用程序调试会很乱,我更喜欢以这种方式委托一个onClick事件:

<button id="my_button">Click me!</div>

<script>
    (function () {
        var btn = document.getElementById('my_button');
        btn.addEventListener('click', function (event) {
            alert('Click!');
        });
    }());
</script>

在我们设置事件监听器之前的代码中,该按钮将调用该回调函数。我使用了一个按钮,但它与div相同。实例:http://jsfiddle.net/TonyMtz/pT4nw/2/

干杯。