手机html端悬浮球,手机移动端网站触屏可拖动悬浮球

手机移动端网站触屏可拖动悬浮球

touch {

width: 60px;

height: 60px;

position: absolute;

left: 600px;

top: 300px;

margin-left: -30px;

margin-top: -30px;

z-index: 999999;

}

#simple-menu {

cursor: move;

}

var div = document.getElementById('touch');

div.addEventListener('touchmove',function(event) {

event.preventDefault();//阻止其他事件

// 如果这个元素的位置内只有一个手指的话

if (event.targetTouches.length == 1) {

var touch = event.targetTouches[0]; // 把元素放在手指所在的位置

div.style.left = touch.pageX + 'px';

div.style.top = touch.pageY + 'px';

div.style.background = "";

}

}, false);

function onClick() {

alert('你敢点我！');

}

手机html端悬浮球,手机移动端网站触屏可拖动悬浮球相关推荐

linux手机远程桌面连接软件下载,HomeCenter手机远程桌面下载_HomeCenter手机远程桌面官方下载-太平洋下载中心...
HomeCenter手机远程桌面通过手机来远程访问计算机.使用触屏或触控笔将体验更佳的远程计算机访问,高安全性,极高响应速度. 我们尽力来帮助您通过手机来远程访问计算机. 高安全性,极高响应速度. 设 ...
移动端总结和手机兼容问题
移动端总结和手机兼容问题 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=devi ...
深度linux支持安卓,深度操作系统 V20（1003）内测版招募：新增手机助手，支持安卓和 iOS 端，管理手机应用、文件...
IT之家9月28日消息深度操作系统今天发布深度操作系统 20(1003)内测活动招募说明,IT之家获悉,本次操作系统将新增手机助手,支持安卓和iOS端,方便管理手机应用.文件等. 更新说明: 1.新 ...
php博客手机版模板下载器,【织梦模板下载】高端响应式游艇租赁类网站模板(自适应手机端) PHP源码带数据...
模板名称: 响应式游艇租赁类网站织梦模板(自适应手机端)+PC+wap+利于SEO优化模板介绍: 织梦最新内核开发的模板,该模板属于电缆.电线类企业都可使用, 这款模板使用范围极广,不仅仅局限于一类 ...
完美实现PC端软件控制手机（无需安装任何APK）(一)
(需要了解开发细节和demo的朋友可以私信我或者加微信Kingthink) 一.背景有一天,手机屏幕摔坏掉,我只能看那寥寥可数的开机.Power键,欲哭无泪, 我想要有一款PC端控制软件在必要时就能 ...
在pc端上操作手机工具分享
在pc端上操作手机工具分享今天要跟大家分享的工具名字叫scrcpy(来源于GitHub) scrcpy可以通过usb或是(Tcp/IP)来连接安卓设备,并且不需要root权限,程序支持GNU/Lin ...
手机移动端web 禁止手机返回功能的最好方法,虽然很变态,但是很有效.
手机移动端web 禁止手机返回功能的最好方法虽然很变态,但是很有效. var href = window.location.href; window.location.href = href + & ...
陷维权风波，冲高端的小米手机过于激进？
本文转载自腾讯网进入8月,小米集团各团队开始紧锣密鼓地筹备将于8月10日举行的小米发布会,小米集团创始人雷军在其个人微博发文称:"小米好消息不断,手机销量全球第二.欧洲率先登顶,第三次入选 ...
同步手机QQ或微信消息到电脑端，需要时导入历史聊天记录
一,同步消息 QQ电脑端: 1,电脑端设置,找到qq的设置. 2,点击下图,登录同步聊天记录. 手机QQ端: 只设置上面电脑端同步的话,在手机QQ上不会立刻显示在电脑端发送的信息.电脑端也不会立刻显示 ...

手机html端悬浮球,手机移动端网站触屏可拖动悬浮球

手机html端悬浮球,手机移动端网站触屏可拖动悬浮球相关推荐

最新文章

热门文章