HTML时间监听方法

最新推荐文章于 2021-06-20 12:02:57 发布

weixin_30853329

最新推荐文章于 2021-06-20 12:02:57 发布

阅读量234

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/john568300/p/6420835.html

版权

点击按钮会弹出提示在输入框里输入文字然后回车会弹出提示。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>事件监听方法</title>
    <script type="text/javascript">
        /*定义函数*/
        function text() {
            alert("你真的点击了？");
        }
        /*当页面的数据都加载完成后调用方法*/
        window.onload = function () {
            /*在JS中获取对应的元素对象，对象.οnclick=function(){};
             不需要改HTML元素标签的内容，直接在JS中写代码
             要在DOM树的数据都已经有了的情况下添加监听器，否则数据还没有 添加失败*/
            document.getElementsByTagName("input")[1].onclick =
                    function () {
                        alert("你竟然真的点击了");
                    };

            document.getElementById("btn3").onclick = function () {
                alert("没想到你还是点击了");
            };
            /*document.getElementById("btn3").onmouseover = function () {
                alert("放上面啦");
            };*/
            document.getElementById("name").onchange = function () {
                alert("内容被改变了");
            };
        };
    </script>
</head>
<body>
<div>
    <!--希望在按钮点击的时候做一些处理 给按钮添加点击事件-->
    <!--添加onclick方法 调用JS中的方法-->
    <input type="button" value="一般按钮" οnclick="text()"/>
    <input type="button" value="还是一般按钮"/>
    <input id="btn3" type="button" value="这个按钮不一般"/>
    <input id="name" type="text"/>
</div>


</body>
</html>

转载于:https://www.cnblogs.com/john568300/p/6420835.html

weixin_30853329

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML时间监听方法

点击按钮会弹出提示在输入框里输入文字然后回车会弹出提示。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>事件监听方法</title> <script type="text/...
复制链接

扫一扫