zoukankan      html  css  js  c++  java
  • 给按钮添加事件的方法

    例子:给按钮添加绑定事件:


    <button type="submit" id="btn">btn</button>

    第一种:
    $("#btn").click(function(event){

    第二种:
    document.getElementById('#foo').addEventListener('click', function() {
    });

    第三种:
    html代码:
    <button type="submit" id="btn" onclick="btn()">btn</button>
    js代码:
    function btn(){

    }

    第四种:
    $('#btn').bind('click', function();

    第五种:
    $("btn").on("click",function(){});
    结论:
    第一种和第二种的效果是一样,可以附加多个事件处理函数,并不是只有使用jquery才能做到。 第三种方法不推荐使用,原则上HTML代码只能体现网页的结构,具体的行为应该使用javascript代码进行绑定。

    除非页面上绑定事件的元素超过上万个,否则响应速度的时候就不必纠结了,只做个事件绑定还是很快的。我测试了一下,使用addEventListener绑定3000次,耗时3-4毫秒。

    如果项目中统一使用jQuery的话,建议使用第一种做法,顺便还解决了IE的不兼容问题。

  • 相关阅读:
    为函数的参数指定类型
    装饰器函数导致的原函数的元数据被替代--保存元数据
    ssm单项目整合
    security权限控制
    springAOP学习笔记
    springIOC学习笔记
    springDataJpa学习笔记
    springmvc学习笔记
    原生mybaits学习笔记
    java反射和注解
  • 原文地址:https://www.cnblogs.com/xiufengchen/p/10370000.html
Copyright © 2011-2022 走看看