微信小程序事件 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 相关文章推荐
js left,right,mid函数
Jun 10 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
JS简单实现禁止访问某个页面的方法
Sep 13 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
js中this对象用法分析
Jan 05 Javascript
Angular使用cli生成自定义文件、组件的方法
Sep 04 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
JavaScript中ES6规范中let和const的用法和区别
Aug 06 Javascript
js实现手表表盘时钟与圆周运动
Sep 18 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 ajax 静态分页过程形式
2011/09/02 PHP
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
Jquery作者John Resig自己封装的javascript 常用函数
2009/11/09 Javascript
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
原生Js页面滚动延迟加载图片实现原理及过程
2013/06/24 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
js仿苹果iwatch外观的计时器代码分享
2015/08/26 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
2015/11/05 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
Javascript使用function创建类的两种方法(推荐)
2016/11/19 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
JS实现弹出下载对话框及常见文件类型的下载
2017/07/13 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
使用Python的Tornado框架实现一个Web端图书展示页面
2016/07/11 Python
git进行版本控制心得详谈
2017/12/10 Python
python3 读取Excel表格中的数据
2018/10/16 Python
对python 命令的-u参数详解
2018/12/03 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
python hashlib加密实现代码
2019/10/17 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
求职自荐信格式
2013/12/04 职场文书
建筑设计学生的自我评价
2014/01/16 职场文书
淘宝活动策划方案
2014/02/06 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
军训鉴定表自我鉴定
2014/02/13 职场文书
学习标兵获奖感言
2014/02/20 职场文书
学前教育专业求职信
2014/09/02 职场文书
见习报告的格式
2014/10/31 职场文书
捐款感谢信
2015/01/20 职场文书
贫困生证明范文
2015/06/16 职场文书