如何停止图像选择[重复]答案

【问题标题】：How to stop image selecting [duplicate]如何停止图像选择[重复]
【发布时间】：2019-04-19 21:57:31
【问题描述】：

当我点击球时，我正在运行一个点击事件。但有时点击不起作用，我不小心选择了图像并停止点击事件..

我尝试删除具有以下 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"/>

我怎样才能使它的图像不可选？

【问题讨论】：

您可以考虑显示更多的上下文代码。
您可以尝试将图片设为背景图片。
你在使用 jQuery Ui 吗？
@Ananth 不，我不是

标签： jquery html css

【解决方案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%;
}

&lt;img id="ball" src="images/ball.png"&gt;

在上面的sn-p中工作。

【讨论】：