在开发过程中,总会碰到以下两个情况:
接下来就分享一下个人的一些方法总结。
<div id="test">test dom</div>
document.getElementById('test').onmousedown = event => {
event .preventDefault();
return false;
};
接下来是怎么防止失去焦点位置
主要思路是在要点击的元素外层套一个a标签,设置href=“javascript: ;”,阻止浏览器的默认事件。
个人强烈推荐使用该方式,没有兼容性问题,不会影响其他事件。
<a href="javascript: ;">
click dom
</a>
通过css样式实现,设置user-select为none即可,不过user-select兼容性不太好。
user-select
语法:
user-select:none |text| all | element
默认值:text
.chick-dom {
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
主要思路是禁止页面选择以及鼠标右键
document.oncontextmenu = function() {
return false;
};
document.onselectstart = function() {
return false;
};
οncοntextmenu 鼠标右键事件
onselectstart 页面选择事件
实现方法是和上一个一样的
<body οncοntextmenu="return false;" onselectstart="return false">
本文地址:https://blog.csdn.net/weixin_44041976/article/details/107500025
如对本文有疑问, 点击进行留言回复!!
egg项目npm/cnpm出错Connect timeout
网友评论