如何停止图像选择

Question

我单击球时正在运行单击事件。但是有时单击不起作用，我偶然选择了图像，它停止了单击事件。

我尝试使用css属性以下的内容删除可选属性，但不起作用

pointer-events: none; // it stops click event, selecting continue
user-select: none;  // it doesn't change anything

元素和CSS

#ball {
    height: 100px;
    position: absolute;
    bottom: 10px;
    left: 50%;
}

<img id="ball" src="images/ball.png"/>

如何使图像无法选择？

Answer 1

您只能使用CSS进行此操作。

以下代码应帮助您获得所需的结果。

#ball {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  height: 100px;
  position: absolute;
  bottom: 10px;
  left: 50%;
}

<img id="ball" src="images/ball.png">

使用以上代码段。