首页 > 微信应用  > 

小程序开发基础篇之事件(9)

小程序开发基础篇之事件(9)
前面说到,微信小程序框架是逻辑层与UI层分析的设计方式,这种设计方式需要解决两个问题 UI层响应逻辑层逻辑和数据的变化UI层将用户的操作反馈到逻辑层 其中前面讲到的数据绑定解决了第一个问题,而事件则解决第二个问题 什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信...

前面说到,微信小程序框架是逻辑层与ui层分析的设计方式,这种设计方式需要解决两个问题

UI层响应逻辑层逻辑和数据的变化UI层将用户的操作反馈到逻辑层

其中前面讲到的数据绑定解决了第一个问题,而事件则解决第二个问题

什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。

总结下来事件就是指发生了一些事情,通常是用户进行了一些操作,如点击某个按钮或在手机屏幕上滑动了手指。当事件发生时,框架会调用事件处理函数(如果有的话),这样就可以实现对用户操作的响应。

事件绑定

通过事件绑定来完成对用户操作的响应,比如要处理view标签的tap事件,在标签属性中添加bindtap = 'tapName', 然后在.js中添加tapName函数

//wxml<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>//.jsPage({ tapName: function(event) { console.log(event) }})

小程序开发基础篇之事件(9)由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“小程序开发基础篇之事件(9)