小程序事件函数写在（小程序向事件传递参数）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
今天给各位分享小程序事件函数写在的知识，其中也会对小程序向事件传递参数进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
小程序view嵌套点击事件问题
在组件中绑定一个事件处理函数。
如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数
view bindtap="view" text bindtap="toast" class="journey"开启小程序之旅 /text /view
子元素触发父级元素也会触发若要只触发子元素使用catchtap代替bindtap
在相应的Page定义中写上相应的事件处理函数，参数是event。
Page({ toast: function (event) { // wx.navigateTo({ // url: '../redirect/redirect' // }); wx.redirectTo({ url: '../redirect/redirect', }); // view:function(event){ // // 父级元素 // } }, /** * 生命周期函数--监听页面隐藏/并未关闭返回 */ onHide: function (event) { console.log(event) }, /** * 生命周期函数--监听页面卸载/ */ onUnload: function () { console.log(222) }, })
事件分类
冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。
WXML的冒泡事件列表：
类型 触发条件 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，弹窗 touchend 手指触摸动作结束 tap 手指触摸后马上离开 longtap 手指触摸后，超过350ms再离开
注：除上表之外的其他组件自定义事件如无特殊申明都是非冒泡事件，如form/的submit事件，input/的input事件，scroll-view/的scroll事件，(详见各个组件官方文档)
微信小程序通过什么函数发包
一、使用来自不同页面的函数
函数写在util.js页面
function formatTime(date) {
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDate()
var hour = date.getHours()
var minute = date.getMinutes()
var second = date.getSeconds()
return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}
function formatNumber(n) {
n = n.toString()
return n[1] ? n : '0' + n
}
module.exports = {
formatTime: formatTime,
}
使用函数
图片描述
图片描述
二、使用相同页面的函数
get_productInformation: function () {
。。。。
},
getZones:function(){
this.get_productInformation
},
三、使用app.js内定义的函数
app.js代码
//app.js
App({
onLaunch: function() {
//调用API从本地缓存中获取数据
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
get_a_test:function(){
console.log('this is a test')
},
getUserInfo: function(cb) {
var that = this
if (this.globalData.userInfo) {
typeof cb == "function" cb(this.globalData.userInfo)
} else {
//调用登录接口
wx.getUserInfo({
withCredentials: false,
success: function(res) {
that.globalData.userInfo = res.userInfo
typeof cb == "function" cb(that.globalData.userInfo)
}
})
}
},
globalData: {
userInfo: null,
college_change:false
}
})
在其他页面中使用
图片描述
WeChat小程序基础篇-js事件
js负责页面与用户的交互，动态修改页面的内容。使用js脚本来处理用户的操作。
操作解释: 点击button按钮(点我),修改界面的msg显示为"BeiJing佩奇"
绑定事件: bindtap定义了"点击事件"
j s 函数: Page({定义函数对应bindtap})
例如开头示例一样，组件绑定事件，js编写事件函数。
这里大概介绍下log打印的内容
☞ 小生不才，附上 博客地址 ☜
事件分为冒泡事件和非冒泡事件
1.冒泡事件:当一个组件被触发后，该事件以此向父节点传递。
2.非冒泡事件:当一个组件触发后，该事件不会向父节点传递。
解释：当点击子节点时，会依次触发"bind事件2，bind事件1"
解释：当点击子节点时，只触发"bind事件2"，而没有触发"bind事件1"
自基础班1.5.0起，触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前。事件到达节点的顺序与冒泡相反。捕获事件采用的关键字为capture-bind、capture-catch，当然catch还是中断，取消冒泡阶段。
1. 示例1，执行顺序为hand2,hand4,hand3,hand1
2. 示例2，加入capture-catch捕获事件，只执行hand2
小程序事件函数写在的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序向事件传递参数、小程序事件函数写在的信息别忘了在本站进行查找喔。
