首页 > 软件开发 > JQUERY >

jquery 事件委托

来源:互联网 2023-03-17 00:52:04 306

问题简述:在动态添加的元素上绑定事件时,如果使用普通的事件绑定方法,可能会出现绑定失败或者绑定不到的情况,因为动态添加的元素可能还未存在,无法绑定事件。因此,需要使用事件委托并且用on方法来绑定未来事件。以下是使用事件委托的5个步骤以及对应的代码:y4z办公区 - 实用经验教程分享!

jquery 事件委托y4z办公区 - 实用经验教程分享!

工具/原料

  • 华硕FH5900v
  • Windows 10 专业版22H2
  • VScode1.67.1

方法/步骤

  • 1

    步骤一:选择器选择包含需要绑定事件的父元素y4z办公区 - 实用经验教程分享!

    jquery 事件委托y4z办公区 - 实用经验教程分享!

    jquery 事件委托y4z办公区 - 实用经验教程分享!

  • 2

    步骤二:用on方法绑定事件并指定需要绑定事件的子元素y4z办公区 - 实用经验教程分享!

    jquery 事件委托y4z办公区 - 实用经验教程分享!

  • 3

    步骤三:指定需要绑定的事件类型,例如clicky4z办公区 - 实用经验教程分享!

    jquery 事件委托y4z办公区 - 实用经验教程分享!

  • 4

    步骤四:指定回调函数,即事件触发时需要执行的函数y4z办公区 - 实用经验教程分享!

    jquery 事件委托y4z办公区 - 实用经验教程分享!

  • 5

    步骤五:在回调函数中执行需要的操作y4z办公区 - 实用经验教程分享!

    jquery 事件委托y4z办公区 - 实用经验教程分享!

  • 5本页面未经许可获取自百度经验
  • 注意事项

    • 父元素必须是已经存在的元素,不能是动态添加的元素。同时,委托的子元素选择器不应该选中父元素本身,否则会导致事件冒泡。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!y4z办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码