微信小程序事件 bindtap bindinput代码实例


Posted in Javascript onAugust 26, 2019

一、bindtap事件

在wxml文件里绑定:

<view class='wel-list' bindtap='TZdown'>
  <image src="/images/welcome_08.png"></image>
  <text>C语言资料下载</text>
 </view>

在js文件里相应:

Page({
 TZdown: function () {
  wx.navigateTo({
   url: '../download/download'
  });
 }
})

二、bindinput事件

wxml文件:

<input type="number" placeholder="请输入手机号" class="inp-holder" maxlength="11" bindinput="getPhone" />
<input type="number" placeholder="请输入验证码" class="inp-holder" maxlength="6" bindinput="getCode" />

js文件:

// 拿到手机号
  getPhone: function (e) {
    var val = e.detail.value;
    this.setData({
      telphone: val
    });
  },  
   // 拿到验证码
  getCode: function (e) {
    var val = e.detail.value;
    this.setData({
      code: val
    });
  },

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 Javascript
一组JS创建和操作表格的函数集合
May 07 Javascript
jQuery获取css z-index在各种浏览器中的返回值
Sep 15 Javascript
原生Js页面滚动延迟加载图片实现原理及过程
Jun 24 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
Oct 28 Javascript
Vue2.0 slot分发内容与props验证的方法
Dec 12 Javascript
angular json对象push到数组中的方法
Feb 27 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 #Javascript
微信小程序实现手势滑动效果
Aug 26 #Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 #Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 #Javascript
Vue中跨域及打包部署到nginx跨域设置方法
Aug 26 #Javascript
js实现跟随鼠标移动的小球
Aug 26 #Javascript
vue 源码解析之虚拟Dom-render
Aug 26 #Javascript
You might like
php 截取中英文混合字符串的方法
2018/05/31 PHP
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
javascript原型模式用法实例详解
2015/06/04 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
jQuery操作属性和样式详解
2016/04/13 Javascript
js创建数组的简单方法
2016/07/27 Javascript
jQuery图片拖动组件Dropzone用法示例
2017/01/17 Javascript
Jquery把获取到的input值转换成json
2017/05/15 jQuery
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
js 取消页面可以选中文字的功能方法
2018/01/02 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
Vue封装的可编辑表格插件方法
2018/08/28 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
详解Vite的新体验
2021/02/22 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
[06:45]2018DOTA2亚洲邀请赛 4.5 SOLO赛 Sccc vs Maybe
2018/04/06 DOTA
[53:36]Liquid vs VP Supermajor决赛 BO 第三场 6.10
2018/07/05 DOTA
Python解析excel文件存入sqlite数据库的方法
2016/11/15 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
pygame游戏之旅 添加icon和bgm音效的方法
2018/11/21 Python
python中类的属性和方法介绍
2018/11/27 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
Python 实现自动登录+点击+滑动验证功能
2020/06/10 Python
HTML5实现晶莹剔透的雨滴特效
2014/05/14 HTML / CSS
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
创业培训计划书
2014/05/03 职场文书
正科级干部考察材料
2014/05/29 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
学校查摆问题整改措施
2014/09/28 职场文书
督导岗位职责范本
2015/04/10 职场文书
Python Django获取URL中的数据详解
2021/11/01 Python