zoukankan      html  css  js  c++  java
  • 动态生成按钮的点击事件绑定

    动态生成按钮的点击事件绑定

    当按钮为动态生成时,向按钮上绑定click时间时会失效。

    on()函数用于为指定元素的一个或多个事件绑定事件处理函数

    //为所有p元素绑定click事件处理程序(注意:这里省略了selector参数)
    //n2、n3、n5均可触发该事件
    $("p").on("click", function(event){
    // 这里的this指向触发点击事件的p元素(Element)
        alert( $(this).text() );
    });

    on()支持直接在目标元素上绑定事件,也支持在目标元素的祖辈元素上委托绑定。在事件委托绑定模式下,即使是执行on()函数之后新添加的元素,只要它符合条件,绑定的事件处理函数也对其有效。

    // 为div中的所有p元素绑定click事件处理程序
    // 只有n2、n3可以触发该事件
    $("div").on("click", "p", function(){
        // 这里的this指向触发点击事件的p元素(Element)
        alert( $(this).text() );
    });

    此外,该函数可以为同一元素、同一事件类型绑定多个事件处理函数。触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。

    要删除通过on()绑定的事件,请使用off()函数。如果要附加一个事件,只执行一次,然后删除自己,请使用one()函数。

    该函数属于jQuery对象(实例)。

  • 相关阅读:
    Vue 常用指令
    Vue起飞前的准备
    Django ORM 高性能查询优化
    Django 缓存、序列化、信号
    关于Django ModelForm渲染时间格式问题
    Django自定义分页并保存搜索条件
    Docker容器中用户权限管理
    Linux三种SSH协议登陆方式
    Docker部署Nextcloud私有网盘
    Zabbix官方部署搭建
  • 原文地址:https://www.cnblogs.com/s313139232/p/7473928.html
Copyright © 2011-2022 走看看