• 技术文章 >web前端 >js教程

    javascript怎么设置元素点击事件

    藏色散人藏色散人2021-11-15 11:34:03原创22

    javascript设置元素点击事件的方法:1、创建一个HTML示例文件;2、添加script标签;3、通过getElementById获取button元素;4、通过“btn.onclick”方法设置元素点击事件即可。

    本文操作环境:windows7系统、javascript1.8.5版、DELL G3电脑

    javascript怎么设置元素点击事件?

    很简单,看下面的代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script>
            window.onload=function(){
                var btn = document.getElementById("btn");
                btn.onclick=function(){
                alert("这就是点击事件~");
            }
            }
           
        </script>
    </head>
    <body>
        <button id="btn">点击一下吧</button>
    </body>
    </html>

    推荐学习:《javascript基础教程

    以上就是javascript怎么设置元素点击事件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript
    上一篇:浅析Angular中非父子组件间怎么通讯 下一篇:jquery有什么特点
    大前端线上培训班

    相关文章推荐

    • JavaScript怎么求积• javascript %意思是什么• JavaScript里怎么输出星期• javascript怎么求日期差

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网