欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中 禁止鼠標(biāo)事件

榮姿康2年前11瀏覽0評論

在CSS編寫中,我們有時需要控制元素的鼠標(biāo)事件,這就需要用到CSS中的鼠標(biāo)事件禁止屬性。CSS提供了幾個元素的鼠標(biāo)事件禁止屬性,包括禁止點擊、禁止選擇、禁止拖拽、禁止放置等。下面我們分別來介紹這幾種鼠標(biāo)事件禁止屬性。

1.禁止點擊
pre{ pointer-events:none; }

該屬性用于阻止元素被鼠標(biāo)點擊,即使在它可見的情況下也是如此。這里的pointer-events值為none,表示該元素將不會響應(yīng)鼠標(biāo)事件。

2.禁止選擇
pre{ user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; }

該屬性用于防止用戶選擇元素的內(nèi)容。這個屬性需要添加到需要禁止選擇的元素的CSS代碼中。-moz-user-select、-webkit-user-select和-ms-user-select是針對不同瀏覽器的前綴,需要添加。

3.禁止拖拽
pre{ -webkit-user-drag:none; }

該屬性用于防止元素被拖拽。對于可拖拽的元素,我們可以通過添加-webkit-user-drag屬性將其禁止拖拽。

4.禁止放置
pre{ -webkit-user-drop:none; }

該屬性用于防止元素被放置。對于可以被放置的元素,我們可以通過添加-webkit-user-drop屬性將其禁止放置。

需要注意的是,上述示例代碼中的-webkit-、-moz-和-ms-前綴只是為了兼容不同瀏覽器而添加的,不同瀏覽器的前綴可能不同,請根據(jù)實際情況選擇添加。