zoukankan      html  css  js  c++  java
  • javascript学习笔记04

    Event的绑定

    <body>
        <ul>
            <li>aaaaaaaaaaaaaa</li>
            <li>bbbbbbbbbbbbbb</li>
            <li>cccccccccccccc</li>
            <li>dddddddddddddd</li>
            <li>eeeeeeeeeeeeee</li>
        </ul>
        <input type="button" value="点击一下" id="btn"/>
        <script type="text/javascript">
            var btn = document.getElementById("btn");
            //可以通过如下方式来绑定事件,这样绑定事件,就可以完成事件和html的解耦合操作
            //在开发中通常都是使用这种方式来绑定事件
            //这个事件的处理函数中默认有一个event的参数,用来获取相应的事件信息
            btn.onclick = function(event) {
                //特别注意:对于IE而言,不会自动传递event这个参数进去,IE需要通过window.event来获取事件
                //但是FF却不支持window.event,所以通常使用如下方式解决
                event = event||window.event;
                alert(event.type);
                //this就表示这个按钮对象
                alert(this.value);
            }
        </script>
    </body>

  • 相关阅读:
    居敬持志
    测试内容
    TestMarkDown
    git
    面试题
    兼容的可视区高度和宽度
    JS(数据类型、预解析、闭包、作用域、this)
    JavaScript new 一个构造函数
    Windows下gm打水印老是报gm convert: Unable to read font (n019003l.pfb)问题
    如何开始一个vue+webpack项目
  • 原文地址:https://www.cnblogs.com/canceler/p/4517154.html
Copyright © 2011-2022 走看看