Slider滑塊插件之Chrome下雙擊後的拖拽問題

版權聲明:本文爲博主原創文章,未經博主允許不得轉載。 https://blog.csdn.net/DarinZanya/article/details/62037262

起因:本人在做slider滑塊插件的過程中,遇到雙擊滑塊後,默認爲鼠標選中行爲,導致拖拽功能無法正常使用。

經過:以下爲插件的截圖:


說明:因截圖不能截取鼠標,故使用手繪圖片代替。即拖拽滑塊時,雙擊鼠標,出現如圖所示情況。

猜測:Chrome瀏覽器對雙擊事件默認爲選中行爲。

解決方案:

禁止用戶選中網頁上的內容,使用onselectstart,例如 <body onselectstart="return false">

爲元素加上onselectstart="return false"屬性後,雙擊後不再出現選中效果。


(手繪表示鼠標,略粗糙)


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章