javascript - onclick() 在嵌套在 <marquee> 中的 <div> 中没有响应

标签 javascript html onclick marquee

在任何人离开之前,这只是我们正在做的“快速而肮脏”的概念验证代码——尽管它令人讨厌,但 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>

文本“THEE MARQUEE!!”成功地在页面上移动,选取框样式,但 dohello() 不会在单击鼠标时被调用。

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

我可以为选取框标记内的 div 上的鼠标单击处理程序做什么?

最佳答案

好吧,你可以尝试根据鼠标位置反向查找它

var element = document.elementFromPoint(x, y);

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

您在为 IE 6 编写什么代码?只需使用 CSS 过渡或动画。它们很简单,并且显然比选取框更好地支持事件。

编辑 CSS 选取框的 JSFIddle。 http://jsfiddle.net/46PDe/

关于javascript - onclick() 在嵌套在 <marquee> 中的 <div> 中没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23354748/

相关文章:

Javascript 函数更改所选 div 周围的边框

php - 将所有已选中的复选框制作为数组?

java - 为 RecyclerView 项目创建选项菜单

javascript - 在无状态组件中将 props id 绑定(bind)到 onClick

javascript - 无法从第二个包含的 js 文件中调用第一个包含的 javascript 文件的函数

javascript - 如何在流体布局中将一个 div 设置为位于另一个 div 下方的样式

javascript - 根据提到的要点在javascript中发送电子邮件正则表达式

Javascript onclick 选择具有类的兄弟

javascript - JS区分iPhone上的点击和滚动

javascript - 带有构造函数和其他对象的 Module.exports