版權聲明:本文爲博主原創文章,未經博主允許不得轉載。 https://blog.csdn.net/DarinZanya/article/details/62037262
起因:本人在做slider滑塊插件的過程中,遇到雙擊滑塊後,默認爲鼠標選中行爲,導致拖拽功能無法正常使用。
經過:以下爲插件的截圖:
說明:因截圖不能截取鼠標,故使用手繪圖片代替。即拖拽滑塊時,雙擊鼠標,出現如圖所示情況。
猜測:Chrome瀏覽器對雙擊事件默認爲選中行爲。
解決方案:
禁止用戶選中網頁上的內容,使用onselectstart,例如 <body onselectstart="return false">
爲元素加上onselectstart="return false"屬性後,雙擊後不再出現選中效果。
(手繪表示鼠標,略粗糙)