在HTML5中,我們可以通過設置一些屬性來控制圖片的拖拽行為,使得圖片不能被隨意拖拽。
<img src="example.jpg" draggable="false" />
在上述代碼中,我們設置了一個名為“draggable”的屬性,該屬性設為“false”,表示圖片不可被拖拽。
此外,我們還可以使用CSS來控制圖片的拖拽行為。例如,我們可以使用以下代碼:
img { user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }
在上述代碼中,我們使用了一些CSS屬性來控制圖片的拖拽行為。其中,“user-drag”用于禁止用戶拖拽元素,“user-select”用于禁止用戶選中元素。不同瀏覽器需要使用不同的前綴來支持這些屬性。
總之,通過這些方法,我們可以有效地控制圖片的拖拽行為,提高頁面的安全性和用戶體驗。
上一篇js修改外聯css
下一篇html5設置圖片中心