事件介绍
事件就是页面的交互,包括页面交互(例如点击按钮打开新页面)及数据交互(例如点击按钮提交表单数据)。
佰易开的事件由三部分组成,分别为触发事件、条件分支和执行动 作:
- 不同的组件存在不同类型的触发事件,例如按钮的点击 click、输入框的聚焦 focus 等。
- 条件分支用来实现前端的逻辑编排,例如同一个组件的同一个事件触发后,需要根据不同的条件执行不同的动作。
- 执行动作就是在触发事件并满足条件后需要做的事情。例如跳转页面、跳转超链接、打开弹窗、查询数据、提交数据、修改数据、查询数据、执行JS函数等。
触发事件
组件 | 触发事件 | 功能 |
页面、表格、列表、容器等组件 | onLoad | 页面加载时触发 |
文字、按钮、图片、轮播等组件 | onClick | 鼠标单击时触发 |
onMouseEnter | 鼠标移入时触发 | |
表单类组件 | onChange | 值发生改变时时触发 |
onFocus | 组件获取焦点时触发 | |
onBlur | 组件失去焦点时触发 | |
onDropdownOpen | 下拉框打开时触发 | |
onDropdownClose | 下拉框关闭时触发 | |
步骤条、动态表单等组件 | onSubmit | 表单提交时触发 |
每个组件支持的事件不一样,您可以前往各个组件介绍的文档具体了解。