javascript事件处理

如何解决javascript事件处理

| 我有一个查询。 我用两种方式在javascript事件上调用函数。 内部HTML标签，例如：

<div id=\'someid\' onmouSEOver=\'callFunc()\'>Some Text</div>

外部标记，例如脚本标记/外部文件中的标记：

document.getElementById(\'someid\').onmouSEOver=function(){
    alert(\'hi\');    
}

现在，我认为两者都具有相同的目的，那么两种方式之间有什么区别吗？哪一个更好？两者的优缺点是什么？其次，还有其他方法可以调用此函数吗？     

解决方法

        两者都不好。您需要addEventListener。像jQuery这样的库将使这一过程变得更加容易，例如：

$(\'#someid\').mouseover(function() { alert(\'hi\') });

将JavaScript内联到HTML中从来不是一个好主意。很难写（您必须担心转义）并且很难维护。 可以直接分配给“ 3”，但是对于同一元素上的同一事件，您不能具有多个事件处理程序。如果以后有其他代码尝试添加处理程序，则会清除您的处理程序。     ,        最好将代码与html分开。 如果所有代码都在一个小节或更好的文件中井井有条，那么维护代码就容易得多。