拖動元素而不選擇其他

Question

我有系統拖動元素（點）和地圖。當我拖動點並且鼠標光標移動速度比新點繪製更快時，則選擇地圖圖像。

我想跳過這種效果，但我不能將這個圖像移動到背景，因爲我也需要拖動這個元素。

我用ReactJS但它並不重要在這種情況下。

在此先感謝您的幫助。

Answer 1

您可以通過編程使用user-select: none。

，或者，只是重寫selection：

.unselectable::-moz-selection { 
 
    background: transparent; /* Gecko Browsers */ 
 
} 
 

 
.unselectable::selection { 
 
    background: transparent; /* WebKit/Blink Browsers */ 
 
} 
 

 
.us-none { 
 
    -webkit-user-select: none; 
 
    user-select: none; 
 
} 
 

 
.pe-none { 
 
    pointer-events: none; 
 
}

<p>NORMAL! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam et explicabo iusto nemo nihil. Dicta dignissimos eius itaque nemo vero? Consequuntur ducimus hic ipsum nemo nesciunt, quia recusandae sapiente voluptate!</p> 
 

 
<p class=unselectable>UNSELECTABLE! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam et explicabo iusto nemo nihil. Dicta dignissimos eius itaque nemo vero? Consequuntur ducimus hic ipsum nemo nesciunt, quia recusandae sapiente voluptate!</p> 
 

 

 
<p class="us-none">USER SELECT NONE! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam et explicabo iusto nemo nihil. Dicta dignissimos eius itaque nemo vero? Consequuntur ducimus hic ipsum nemo nesciunt, quia recusandae sapiente voluptate!</p> 
 

 
<p class="pe-none">POINTER EVENTS NONE! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam et explicabo iusto nemo nihil. Dicta dignissimos eius itaque nemo vero? Consequuntur ducimus hic ipsum nemo nesciunt, quia recusandae sapiente voluptate!</p>

pointer-events: none讓我們怎麼幫你用這麼少的信息的文本在Chrome