Cod*_*x73 0 javascript xhtml jquery dhtml
下面的简单代码输出两个警报,而不是一个谷歌Chrome浏览器.你能告诉为什么只有Chrome?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Can you tell?</title>
<script language="javascript" type="text/javascript">
function hitme()
{
alert('yep!');
}
</script>
</head>
<body>
<a href="#" onmouseover="hitme();">LINK</a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
Chrome是否将锚点看作文本+它的行?
什么在Chrome中制作这个双盒子?
警告像鼠标悬停这样的事件是非常糟糕的(阅读:不可预测).mouseover事件处理非常适合状态更改,但对于某种类型的交互(例如警报)则更少.
可能发生的事情是鼠标悬停被多次触发(注意鼠标悬停与mouseenter不同 - 注意:不支持)请参阅http://www.quirksmode.org/js/events_mouse.html以获取有关鼠标的更多详细信息事件.
重要的是要注意不同的浏览器以不同的方式处理事件.例如,mousemove仅在鼠标在大多数浏览器中移动时才会被触发,但在firefox中(如果我没记错),它几乎不断触发.同样适用于鼠标悬停,如果你真的很幸运,你会得到一堆警告窗口,关闭你的鼠标在一个元素上半秒钟.