Web前端开发笔记-----23.阻止默认行为、拖拽、事件委托
一、阻止默认行为
1.阻止浏览器中右键默认菜单。
阻止默认行为:
<script>
window.onload = function(){
document.oncontextmenu = function(){
return false;
}
}
</script>
自定义右键菜单:
<style>
*{
margin: 0; padding: 0;}
li{
list-style-type: none;}
#menu{
width: 100px; height: 100px; background-color: gray; display: none; position: absolute;}
</style>
<script>
window.onload = function(){
document.oncontextmenu = function(){
return false;
}
var oMenu = document.getElementById("menu");
document.onmousedown = function(ev){
var e = ev || window.event;
if(e.button == 2){
oMenu.style.display = 'block';
oMenu.style.left = e.clientX + 'px';
oMenu.style.top = e.clientY + 'px';
}else{
oMenu.style.display = 'none';
}
}
}
</script>
</head>
<body>
<