微信小程序事件 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修改表格背景色实例代码分享
Dec 10 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
JS生成随机字符串的多种方法
Jun 10 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
jQuery中的通配符选择器使用总结
May 30 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
Koa项目搭建过程详细记录
Apr 12 Javascript
vue 组件使用中的一些细节点
Apr 25 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
react实现antd线上主题动态切换功能
Aug 12 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 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
解析coreseek for sphinx的使用
2013/06/21 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
php redis实现文章发布系统(用户投票系统)
2017/03/04 PHP
Laravel实现定时任务的示例代码
2017/08/10 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
js 单引号 传递方法
2009/06/22 Javascript
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
nodejs更新package.json中的dependencies依赖到最新版本的方法
2018/10/10 NodeJs
vue-quill-editor的使用及个性化定制操作
2020/08/04 Javascript
[46:42]DOTA2-DPC中国联赛正赛 Aster vs Magma BO3 第二场 3月5日
2021/03/11 DOTA
Python之PyUnit单元测试实例
2014/10/11 Python
Python 使用SMTP发送邮件的代码小结
2016/09/21 Python
python3实现UDP协议的服务器和客户端
2017/06/14 Python
Python实现随机选择元素功能
2017/09/14 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
python MNIST手写识别数据调用API的方法
2018/08/08 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
Python的条件锁与事件共享详解
2019/09/12 Python
Python基于当前时间批量创建文件
2020/05/07 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
自动化专业个人求职信范文
2013/11/29 职场文书
广告学专业毕业生自荐信
2014/05/28 职场文书
写景作文评语集锦
2014/12/25 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
放假通知
2015/04/14 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
golang的文件创建及读写操作
2022/04/14 Golang