浏览器的默认行为及阻止行为
(一)右键菜单事件:oncontextmenu
阻止:return false;
<div οncοntextmenu="myFunction()">
<p>在文本框内右击鼠标</p>
</div>
<script>
function myFunction() {
// 执行我们自已要的操作
alert("你在 div 元素总点击鼠标了右键。");
}window.document.oncontextmenu = function(){ // 阻止默认菜单弹出
return false;
}</script>
Vue右键点击事件,阻止默认菜单弹出
<div v-for="(item, index) in treeList " :key="index" @contextmenu.prevent.stop="rightClick(item, $event)"></div>
(二)超链接的默认行为:跳转
阻止:标准浏览器:event.preventDefault();
IE8及以下:event.retrunValue = false;
兼容写法:event.preventDefault ? event.preventDefault() : event.retrunValue = false;
(三)浏览器的拖拽事件:ondragstart
阻止:return false;
事件源的获取:
var target = event.target || event.srcElement;