//鼠标进入div和离开div改变颜色事件
<html>
<script>
function fun_change(obj,color)
{
obj.style.backgroundColor=color;
}
</script>
<body style="margin:0px;">
<div style="width:200px;height:200px;overflow:auto;background-
color:gray;position:absolute;z-index:9999;top:500;left:500" top="500" left="500" id="e"
οnmοuseοver="fun_change(this,'blue')" οnmοuseοut="fun_change
(this,'yellow')">
</div>
<div style="width:800px;height:600px;overflow:auto;background-color:gray;"
id="e" οnmοuseοver="fun_change(this,'blue')" οnmοuseοut="fun_change
(this,'yellow')">
</div>
</body>
</html>
//判断onkeyup，onkeydown，onkeypress的执行顺序
<html>
<body>
<input type="text" value="" οnkeyup="document.getElementById
('e').innerHTML+='onkeyup<br>';" οnkeydοwn="document.getElementById
('e').innerHTML+='onkeydown<br>';" οnkeypress="document.getElementById
('e').innerHTML+='onkeypress<br>';" />
<div id="e" >
</div>
</body>
</html>
//点击text，输出code码
<html>
<script>
document.οnkeypress=function()
{
alert(event.keyCode);
}
</script>
<body>
<input type="text" value="123" />
</body>
</html>
//只能输入数字
<html>
<script>
document.οnkeypress=function()
{
if(event.keyCode>=49&&event.keyCode<59)
{
return true;
}
else
{
return false;
}
}
</script>
<body>
<input type="text" value="" />
</body>
</html>
<html>
<script>
window.οnlοad=function()
{
var odiv=document.getElementById("div1");
odiv.οnclick=function(){
alert("xxx");
}
}
</script>
<body>
<div οnclick="alert('here');" id="div1" >here</div>
</body>
</html>
//结束div点击事件
<html>
<head>
<title>
dom结构
</title>
<script>
function alert1(v)
{
if(v==3)
{
event.cancelBubble=true;
}
else
{
alert(v);
}
}
</script>
</head>
<body bgcolor="silver">
<div οnclick="alert1(1)">
<div οnclick="alert1(2)">
<div οnclick="alert1(3)">
<div οnclick="alert1(4)">
asdsad
</div>
</div>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
