onclick()不会在嵌套在<marquee> </marquee> </div>中的<div>中作出响应

时间:2014-04-29 03:09:41

标签: javascript html onclick marquee

在任何人离开之前,这只是 a&#39;快速而肮脏的&#39;我们正在进行的代码概念验证 - 虽然它很讨厌,但我们检查的每个浏览器都会继续支持marquee标签,因此它对POC代码来说是一个很好的传真 - 起来很容易编码(而且我们不使用jquery)。

但onclick()无法正常工作 - 这里是代码:

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">

 <script type="text/javascript">
 function dohello()
 {
     alert("HELLO !!");
 }

 </script>    
 </head>
 <body>

 <marquee behavior="scroll" scrolldelay="135"><div onclick="dohello()">THEE MARQUEE!!      
 </div>
 </marquee>    
 </body>
 </html>

文字&#34; THEE MARQUEE !!&#34;成功移动页面,marquee样式,但dohello()不会在鼠标单击时被调用。

我使用了f12,控制台完全没有报错。

对于marquee标记内的div上的鼠标单击处理程序,我该怎么办?

1 个答案:

答案 0 :(得分:0)

您可以尝试通过

基于鼠标位置反向查找它
var element = document.elementFromPoint(x, y);

https://developer.mozilla.org/en-US/docs/Web/API/document.elementFromPoint

你在为IE 6编写什么?只需使用CSS过渡或动画。它们很容易,并且支持事件的方式明显比marquees好。

修改 css选框的JSFIddle。 http://jsfiddle.net/46PDe/