banner

微信小程序中的事件委托及事件流的三个阶段

微信小程序中的事件委托是一种常用的技术手段,用于简化代码和提高可维护性。通过事件委托,可以在一个父组件中监听多个子组件的事件,而不需要在每个子组件中单独绑定事件处理器。

微信小程序中,事件委托主要通过在父组件中绑定事件处理器,并在子组件上使用bindtapcatchtap属性来实现。bindtap属性用于子组件上绑定普通点击事件,而catchtap属性用于子组件上捕获父组件的点击事件。

列出一个简单的微信小程序中的事件委托示例

HTML
<!-- 父组件 --> 
<view class="parent" bindtap="handleTap"> 
  <view class="child" bindtap="handleChildTap">子组件1</view> 
  <view class="child" bindtap="handleChildTap">子组件2</view> 
</view>

Javascript
// 父组件的JS文件 
Page({ 
  handleTap() 
  { 
    console.log('父组件被点击'); 
  }, 
  handleChildTap() 
  { 
    console.log('子组件被点击'); 
  } 
})

在示例中,父组件通过bindtap属性绑定了handleTap事件处理器。同时,两个子组件都绑定了handleChildTap事件处理器。当点击子组件时,父组件的handleTap事件处理器也会被触发,因为子组件使用了bindtap属性。这样,我们就可以在父组件中统一处理多个子组件的事件,而不需要在每个子组件中单独绑定事件处理器。

微信小程序
微信小程序

微信小程序中事件流的三个阶段分别是:

  1. 事件捕获阶段:这个阶段是从外向内,即从最外层的结点向下传播到目标结点元素。在这个阶段,事件会依次检查所经过的结点是否绑定同一事件类型的监听回调函数,如果有则执行对应的事件回调函数。
  2. 事件处理阶段:当事件到达目标结点之后,触发目标结点所绑定的监听回调函数,进行事件处理。这个阶段是事件处理的核心部分。
  3. 事件冒泡阶段:事件从目标结点向上冒泡到最外层结点,再次检查所经过的结点是否也绑定同一事件类型的监听回调函数,如果有则执行对应的事件回调函数。

这些阶段是在事件触发之后按照顺序依次进行的,开发者可以根据需要在不同的阶段绑定和处理事件。

wordpress

WordPress中的后台增加子菜单到现有系统菜单里

wordpress中有许多的函数我们需要熟稔于心。需要说明的是该方式语法与add_menu_page语法完全相同,不再赘述。但仅可以增加子菜单到对应系统内置的菜单,无法为自定义菜单增加子菜单。

wordpress

自定义顶部菜单,钩子admin_bar_menu

登录wordpress的后台,在后台的顶部区域可以查看到自定义顶部菜单。这是通过将自定义函数挂载到admin_bar_menu的钩子上实现的。

add_menu_page

WordPress中的add_menu_page()函数

add_menu_page()‌函数用于在WordPress后台添加顶级菜单。这个函数允许开发者为WordPress后台添加自定义的菜单页面,包括顶级菜单和子菜单。以下是使用add_menu_page()函数添加顶级菜单的基本语法:

add_submenu_page

WordPress中的add_submenu_page()函数

add_submenu_page()是wordpress中后台显示的一个函数,用于在WordPress后台管理界面中添加一个子菜单页面。它允许开发人员将自定义功能添加到WordPress的管理菜单中,以便用户可以方便地访问和使用。

0
Would love your thoughts, please comment.x
()
x
Scroll to Top