前端小技巧之禁止鼠標拖拽事件
在对应标签中添加如下属性即可。
oncontextmenu = "return false;" //禁止鼠标右键
ondragstart = "return false;" //禁止鼠标拖动
onselectstart = "return false;" //文字禁止鼠标选中
onselect = "document.selection.empty();" //禁止复制文本
例如:<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="img/logo.jpg" ondragstart="return false;" />
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦