JS中的事件：鼠标、键盘、HTML事件

最新推荐文章于 2024-09-05 09:42:23 发布

枕梦

最新推荐文章于 2024-09-05 09:42:23 发布

阅读量460

点赞数

分类专栏： HTML5+JS 文章标签： javascript 鼠标事件键盘事件 HTML事件

本文链接：https://blog.csdn.net/qq_37768482/article/details/76099497

版权

HTML5+JS 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

<body>
    <div>
        <img class="a" src="../../img/new_01" alt="">
        <img class="a" src="../../img/new_02" alt="">
        <img class="a" src="../../img/new_03" alt="">
    </div>
</body>
<script>
    var img = document.getElementsByTagName('img');
    //循环设置每一个元素的鼠标事件

    for(var i = 0;i < img.length;i++){
        //鼠标进入这个元素时
        img[i].onmouseover = function(e){
            e.target.className = 'b';
        };
        //鼠标离开这个元素时
        img[i].onmouseout = function(e){
            e.target.className = 'a';
        }
    }
</script>

<script>
  window.onload = function(){
        window.onkeypress = function(e){
//            console.log(e)
//            alert(e.key);
            if (e.charCode == 71){
                alert('G被点击了');
            }
        }
    }
</script>

<script>
window.onload = function(){
    var d = document.getElementById('d');
    //事件的监听（焦点转移才后有事件的监听）
    d.onchange = function(){
        alert('内容发生改变了')
    }
}
</script>