javascript - 如何防止文本和/或页面内容在 html 和 javascript 中双击突出显示?

标签 javascript html

有点奇怪的问题,但我正在为万圣节派对制作一款游戏。 Javascript/HTML 用于快速和肮脏的开发。 (这将在投影仪上全屏显示并使用 Wiimote 进行鼠标控制)。这就是我正在使用的,我的问题并不是要引起对我的代码选择的批评。它工作得很好,除了一件事。

基本上,这是一款射击场/导弹指挥风格的游戏,您需要在物体在屏幕上移动时点击或射击它们。我有用于单击对象的 onmousedown 处理程序。但是,当您双击时,即快速开火时,该对象会突出显示,如果您错过了该对象,则同一 div 中包含的其他对象也会突出显示。为了解决这个问题,在 mousedown 处理程序中,我设置了焦点/选择页面外的文本框。这在某种程度上是有效的,因为对象不会保持突出显示状态,但它们会在失去焦点之前短暂突出显示。

简而言之,有没有更好的方法来防止双击对我的页面产生这种影响?

最佳答案

在 Firefox 中,只需让事件返回 false 即可停止突出显示。 IE 稍微复杂一些——您必须让元素的“onselectstart”函数返回 false。

noHighlightObjects[i].onselectstart = function() {
            return false;
        };

关于javascript - 如何防止文本和/或页面内容在 html 和 javascript 中双击突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1568806/

相关文章:

javascript - 我想以时间戳的形式将日期设置为无限

javascript - 打印为 PDF 时更改默认页眉/页脚

html - 边框不适用于 bootstrap 4

jquery - 通过 Ajax 加载 Facebook Like 按钮

javascript - 底部的 Owl Carousel 进度条?

html - CSS中的 `lightgrey`和 `lightgray`有什么区别?

javascript - 如何在html5 Canvas 中制作可点击的点?

javascript - 为什么父级不在 jquery 中工作?

javascript - NestJS Nest 无法解析 RolesService 的依赖项(+、+、?)

CSS Div 和文本旋转