JS浏览器的默认行为及阻止行为,阻止右键菜单、阻止超链接跳转、阻止拖拽事件
// 阻止右键菜单
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
// 阻止超链接跳转
document.addEventListener('click', function(e) {
if (e.target.tagName === 'A') {
e.preventDefault();
}
});
// 阻止拖拽事件
document.addEventListener('dragstart', function(e) {
e.preventDefault();
});
这段代码为你展示了如何在JavaScript中阻止浏览器的默认行为。contextmenu
事件用来阻止右键菜单的弹出,click
事件中通过检查e.target.tagName
来判断是否为超链接,并阻止其默认行为,dragstart
事件用来阻止拖拽事件。这些阻止操作可以在用户体验上有所帮助,也可以用来增强网页的可访问性。
评论已关闭