2 JavaScript 事件绑定和鼠标事件

作者: 1983年的古董先生 | 来源:发表于2017-07-28 11:28 被阅读0次

jJavaScript 特效
1.事件触发
2.属性改变
3.样式改变

<html lang="en">
<head>
   <meta charset="UTF-8">
   <title></title>
   <style>
       img{
           cursor: pointer;
       }
   </style>
</head>
<body>
![](a.png)
</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 键盘按下弹起

相关文章

网友评论

    本文标题:2 JavaScript 事件绑定和鼠标事件

    本文链接:https://www.haomeiwen.com/subject/xcuzkxtx.html