Javascript onclick事件的最佳标记是什么?

Javascript onclick事件的最佳标记是什么?,javascript,html,css,Javascript,Html,Css,我写了这段代码: <div onclick="f()"></div> 但是这段代码在某些系统上不起作用,我认为“onclick”可以与其他标记一起正常工作,是否有人对这个问题有相同的经验?您的onclick工作正常 如果你把它放在一个div上,你可能会遇到它实际上没有任何大小的问题(通常一个空div会有100%的宽度和0px的高度,除非里面有东西) 我建议你仔细检查一下你的div是否合适 这是一个正在工作的jsbin: 我不喜欢将javascript与HTML混合使

我写了这段代码:

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


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

您的onclick工作正常

如果你把它放在一个div上,你可能会遇到它实际上没有任何大小的问题(通常一个空div会有100%的宽度和0px的高度,除非里面有东西)

我建议你仔细检查一下你的div是否合适

这是一个正在工作的jsbin:


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

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

<script>
    (function () {
        var btn = document.getElementById('my_button');
        btn.addEventListener('click', function (event) {
            alert('Click!');
        });
    }());
</script>
点击我!
(功能(){
var btn=document.getElementById(“我的按钮”);
btn.addEventListener('click',函数(事件){
警报('Click!');
});
}());
在代码中,我们将为按钮设置一个事件侦听器,该按钮将调用该回调函数。我使用了一个按钮,但它与div相同。示例如下:


干杯。

您是否在任何地方编写了函数
f()
?函数可能重复;我不能在哪个系统上工作?。就是这样做的。但是你有什么问题?单击不起作用的标签。分享信息。详细说明你的问题