CSS樣式里面禁止拖動,通常是通過設置CSS屬性來實現的。這里介紹兩種實現方法,分別使用CSS屬性user-select
和pointer-events
。
使用user-select
實現禁止拖動,可以設置該屬性的值為none
。該屬性控制用戶能否選擇元素的內容。因為拖動操作也會觸發選中元素的內容,因此設置該值為none
,既可以防止選擇,也可以防止拖動。示例代碼如下:
element{ user-select: none; }
使用pointer-events
實現禁止拖動,可以設置該屬性的值為none
。該屬性控制元素是否響應鼠標事件。將該屬性的值設置為none
,可以禁止元素響應鼠標拖動事件。示例代碼如下:
element{ pointer-events: none; }