js中的一些常见的事件。

最新推荐文章于 2024-04-03 13:27:26 发布

段振轩

最新推荐文章于 2024-04-03 13:27:26 发布

阅读量338

点赞数

分类专栏： H5

本文链接：https://blog.csdn.net/qq_31927785/article/details/72546654

版权

H5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在ios中控件有点击，长按，等事件，在js类似的，也有这样事件，我们通过捕捉这样事件对页面进行操作，来完成想达到的目的、`


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js中常用的事件</title>
</head>
<body>

    <img src="img/dkls.png">
    <input>






    <script>

        //拿到img；
        var img = document.getElementsByTagName('img')[0];
        var input = document.getElementsByTagName('input')[0];

        //当页面加载完毕的时候，
        window.onload = function () {

            alert('页面加载完毕')
        }
//        鼠标进入图片
        img.onmouseover = function () {


            console.log('进入图片');


        }
        //鼠标离开图片
        img.onmouseout = function () {
            console.log('离开图片')
        }


//        当输入框获得焦点的时候
        input.onfocus = function () {
            input.style.width = 200px;
            input.style.height = 50px;


        }



    </script>

</body>
</html>

以上的代码是可以拷贝后能够用浏览器打开的。

段振轩

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js中的一些常见的事件。

在ios中控件有点击，长按，等事件，在js类似的，也有这样事件，我们通过捕捉这样事件对页面进行操作，来完成想达到的目的、`<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js中常用的事件</title></head><body> <img src="img/dkls.png">
复制链接

扫一扫

专栏目录