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


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 相关文章推荐
一段实时更新的时间代码
Jul 07 Javascript
jquery 最简单的属性菜单
Oct 08 Javascript
JavaScript 轻松搞定快捷留言功能 只需一行代码
Apr 01 Javascript
js页面跳转常用的几种方式
Nov 25 Javascript
JS扩展方法实例分析
Apr 15 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
详解vue-router传参的两种方式
Sep 10 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 26 Javascript
javascript实现下拉菜单效果
Feb 09 Javascript
如何利用js在两个html窗口间通信
Apr 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高手?学会“懒惰”的编程
2006/12/05 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
PHP实现批量检测网站是否能够正常打开的方法
2016/08/23 PHP
PHPCMS手机站伪静态设置详细教程
2017/02/06 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
2015/04/12 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
JS常见构造模式实例对比分析
2018/08/27 Javascript
Javascript实现时间倒计时功能
2018/11/17 Javascript
JS实现判断有效的数独算法示例
2019/02/25 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
2019/10/02 Javascript
ES6中的Javascript解构的实现
2020/10/30 Javascript
[14:00]DOTA2国际邀请赛史上最长大战 赛后专访B神
2013/08/10 DOTA
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
python验证码识别的示例代码
2017/09/21 Python
Python文本处理之按行处理大文件的方法
2018/04/09 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
Django 路由控制的实现代码
2018/11/08 Python
Python判断telnet通不通的实例
2019/01/26 Python
聊聊python里如何用Borg pattern实现的单例模式
2019/06/06 Python
Python定义一个Actor任务
2020/07/29 Python
用python获取txt文件中关键字的数量
2020/12/24 Python
可口可乐唇膏:Lip Smackers
2019/08/27 全球购物
计算机专业毕业生自荐信
2013/12/31 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
促销活动总结怎么写
2014/06/25 职场文书
群众路线教育实践活动的心得体会
2014/09/03 职场文书
维稳承诺书
2015/01/20 职场文书
家长给老师的感谢信
2015/01/20 职场文书