1、什么是默认行为:说白了,就是浏览器自带的功能,比如网页右键自动弹出菜单。在输出框中敲击键盘,自动输出敲击的数值,这些都是默认行为
document.oncontextmenu=function oncontextmenu作用是点击右键,呼叫右键菜单的时候
2、怎么阻止默认行为
<script>
document.oncontextmenu=function()
{
return false;
}
</script>.
给这个函数弄一个返回值 false就是拒绝默认行为
3、把默认行为拒绝掉,但是不拒绝自己设置的菜单
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
background: red;display:none;position:absolute;width:80px;
}
</style>
<script>
document.oncontextmenu=function(ev)//右键触发菜单
{
var oEvent=ev||event;
var oDiv=document.getElementById('div1');
oDiv.style.display='block';
oDiv.style.left=oEvent.clientX+'px';
oDiv.style.top=oEvent.clientY+'px';
return false;
}
document.onclick=function()
{
var oDiv=document.getElementById('div1');
oDiv.style.display='none'
}
</script>
</head>
<body>
<div id="div1">
<ul>
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
</ul>
</div>
</body>
</html>
4、只能输入数字的输入框例子
keydown 键盘按下 keyup键盘按下之后又松开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function()
{
var oTxt=document.getElementById('text1');
oTxt.onkeydown=function(ev)//键盘按键抬起时
{
var oEvent=ev||event;
//alert(oEvent.keyCode)
if(oEvent.keyCode<48 || oEvent.keyCode>57)
{
return false;
}
};
}
</script>
</head>
<body>
<input id="text1" type="text" />
</body>
</html>