微信小程序事件 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 相关文章推荐
基于jquery的图片轮播 tab切换组件
Jul 19 Javascript
JS 精确统计网站访问量的实例代码
Jul 05 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
Apr 07 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
关于Angularjs中跨域设置白名单问题
Apr 17 Javascript
layui获取多选框中的值方法
Aug 15 Javascript
VUE项目实现主题切换的多种方法
Nov 26 Vue.js
JS实现可以用键盘方向键控制的动画
Dec 11 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反射机制用法实例
2014/08/28 PHP
php 魔术方法详解
2014/11/11 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
JavaScript面向对象编程
2008/03/02 Javascript
JQuery操作tr和td内容的方法实例
2013/03/06 Javascript
JavaScript创建一个object对象并操作对象属性的用法
2015/03/23 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
jquery实现图片预加载
2015/12/25 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
微信小程序开发经验总结(推荐)
2017/01/11 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
2017/12/05 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python连接mongodb操作数据示例(mongodb数据库配置类)
2013/12/31 Python
python使用urllib2提交http post请求的方法
2015/05/26 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
基于python实现简单日历
2018/07/28 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
Python 点击指定位置验证码破解的实现代码
2019/09/11 Python
解决Numpy中sum函数求和结果维度的问题
2019/12/06 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
Europcar意大利:汽车租赁
2019/07/07 全球购物
统计每一学生的平均成绩
2014/06/06 面试题
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的?
2013/02/17 面试题
办公室内勤岗位职责范本
2013/12/09 职场文书
面料业务员岗位职责
2013/12/26 职场文书
自动化毕业生专业自荐书范文
2014/02/04 职场文书
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫