2 JavaScript 事件绑定和鼠标事件
2017-07-28 本文已影响0人
1983年的古董先生
jJavaScript 特效
1.事件触发
2.属性改变
3.样式改变
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
img{
cursor: pointer;
}
</style>
</head>
<body>
</body>
<script>
//js特效
imgidobj=document.getElementById('imgid');
//事件触发
imgidobj.onclick = function(){
//属性改变
imgidobj.src =' b.png';
}
</script>
</html>
绑定事件：
1.标签身上
2 js代码中绑事件
鼠标事件
onclick 点击事件
ondblclick 双击事件
onmouseenter 鼠标移入事件
onmouseleave 鼠标离开事件
onmousemove 鼠标移动事件
1.有效地高 屏幕可视的高
document.documentElement.clientHeight
2.屏幕的总高度 屏幕的总高度
document.documentElement.scrollHeight
3.滚动的高 滚动的高度
document.documentElement.scrollTop
document.body.scrollTop(chrome)
onkeydown 键盘按下
onkeyup 键盘弹起
onkeypress 键盘按下弹起
