事件默认行为:
当一个事件发生的时候浏览器自己默认做的事情
怎么阻止?
当前这个行为是什么事件触发的,然后在这个事件的处理函数中使用 return false;
但是return false 阻止的是obj.on事件名称=fn 所触发的默认行为
addEventListner绑定的事件需要通过event下面的preventDefault();
<script> document.onkeydowm=function () { return false; } document.oncontextmenu=function () {//右键菜单事件,当右键菜单(环境菜单)显示出来的时候触发 return false; } </script>
自定义右键菜单模拟:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件默认行为w</title> <style> #div1{ width: 100px; height: 200px; border: 1px solid red; position: absolute; display: none; } </style> </head> <body> <script> window.onload=function () { var oDiv=document.getElementById('div1'); document.oncontextmenu=function (ev) {//右键菜单事件,当右键菜单(环境菜单)显示出来的时候触发 var ev=ev||event; oDiv.style.display='block'; oDiv.style.left=ev.clientX+'px'; oDiv.style.top=ev.clientY+'px'; return false; } document.onclick=function () { oDiv.style.display='none'; } } </script> <div id="div1"></div> </body> </html>