自己做个网站,苏州网站开发建设方案,wordpress外链转跳页面,wordpress mu调取小程序中绑定事件和网页开发中绑定事件几乎一致#xff0c;只不过在小程序不能通过 on 的方式绑定事件#xff0c;也没有 click 等事件#xff0c;小程序中绑定事件使用 bind 方法#xff0c;click 事件也需要使用 tap 事件来进行代替#xff0c;绑定事件的方式有两种只不过在小程序不能通过 on 的方式绑定事件也没有 click 等事件小程序中绑定事件使用 bind 方法click 事件也需要使用 tap 事件来进行代替绑定事件的方式有两种
bind:事件名bind 后面需要跟上冒号冒号后面跟上事件名例如view bind:tapfnName/viewbind 事件名bind 后面直接跟上事件名例如view bindtapfnName/view
事件处理函数需要写到 .js 文件中在 .js 文件中需要调用小程序提供的 Page 方法来注册小程序的页面我们可以直接在 Page 方法中创建事件处理函数
下面在微信开发者工具中演示一下 选择 cate 文件夹下面的 cate.wxml 文件分别填写两种事件绑定方法 button typeprimary bind:taphandleClick绑定事件/buttonbutton typewarn bindtaphandleClick绑定事件/button选择 cate 文件夹下面的 cate.js 文件填写对应的事件函数注意事件函数必须填写在 Page 方法中 Page({handleClick () {console.log(点击事件触发了)}
})编辑完成刷新后点击按钮可以在 console 界面看到打印的信息如下图 当组件触发事件时绑定的事件处理函数会收到一个事件对象在触发事件的时候事件处理程序会默认给事件处理函数添加一个参数默认命名为 event所以我们的事件处理函数可以写为 Page({handleClick (event) {// console.log(点击事件触发了);console.log(event);}})具体表现如下 在点击按钮之后console 区域会输出一个对象这个对象记录了事件触发时的一些信息我们可以使用这个对象来获取相关的数据
假如我们想获取用户在输入框输入的信息先在 cate.wxml 中添加一个输入框
!-- 在小程序中input 输入框默认没有边框需要自己添加样式 --
input typetext bindinputgetInputValue /由于小程序中的 input 输入框默认没有边框所以可以在根目录的 app.scss 中统一对 input 组件设置样式如下
input {border: 1px solid #cccccc;
}接着在 cate.js 文件中添加事件处理函数如下
Page({getInputValue(event){console.log(event.detail.value);}
})具体的效果如下所示 在 input 输入信息后在 console 窗口实时看到具体的输出
参考视频尚硅谷微信小程序开发教程
