微信小程序实现鼠标拖动效果示例


Posted in Javascript onDecember 01, 2017

本文实例讲述了微信小程序实现鼠标拖动效果。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序实现鼠标拖动效果示例

2、关键代码

index.wxml文件

<view class="view"
 style="left:{{left}}px;top:{{top}}px;"
 bindtouchmove="viewTouchMove"
 >使用鼠标拖动我</view>

index.js文件

Page({
  data:{
    left:'',
    top:''
  },
  viewTouchMove:function(e){
    this.setData({
      left:e.touches[0].clientX-60,
      top:e.touches[0].clientY-60
    })
  }
})

3、完整实例代码点击此处本站下载

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
js如何判断用户是在PC端和还是移动端访问
Apr 24 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
js实现照片墙功能实例
Feb 05 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
js定义类的几种方法(推荐)
Jun 08 Javascript
js仿微信抢红包功能
Sep 25 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
package.json配置文件构成详解
Aug 27 Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 #Javascript
浅谈angular4实际项目搭建总结
Dec 01 #Javascript
JS实现的ajax和同源策略(实例讲解)
Dec 01 #Javascript
微信小程序表单验证功能完整实例
Dec 01 #Javascript
PHP自动加载autoload和命名空间的应用小结
Dec 01 #Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 #jQuery
javascript修改浏览器title方法 JS动态修改浏览器标题
Nov 30 #Javascript
You might like
php过滤html标记属性类用法实例
2014/09/23 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
prototype.js的Ajax对象
2006/09/23 Javascript
javascript 表单规则集合对象
2009/07/21 Javascript
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
jQuery实现自定义checkbox和radio样式
2015/07/13 Javascript
JS填写银行卡号每隔4位数字加一个空格
2016/12/19 Javascript
js通过指定下标或指定元素进行删除数组的实例
2017/01/12 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
2017/07/19 jQuery
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
Array.filter中如何正确使用Async
2020/11/04 Javascript
vue基于Echarts的拖拽数据可视化功能实现
2020/12/04 Vue.js
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
Python中for循环控制语句用法实例
2015/06/02 Python
Python+Pika+RabbitMQ环境部署及实现工作队列的实例教程
2016/06/29 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
python八大排序算法速度实例对比
2017/12/06 Python
详解Python3的TFTP文件传输
2018/06/26 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
python redis 批量设置过期key过程解析
2019/11/26 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
牦牛毛户外探险服装:Kora
2019/02/08 全球购物
如何拷贝一整个Java对象,包括它的状态
2013/12/27 面试题
社区工作者思想汇报
2014/01/13 职场文书
党校培训自我鉴定
2014/02/01 职场文书
工程竣工验收申请报告
2015/05/15 职场文书
六五普法先进个人主要事迹材料
2015/11/03 职场文书
Python基础详解之邮件处理
2021/04/28 Python
Python  lambda匿名函数和三元运算符
2022/04/19 Python