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