前端小技巧之禁止鼠标拖拽事件

在对应标签中添加如下属性即可。

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;" />