PC端解决滑鼠, 触屏之前的差异问题（hammer-touchemulator）

最新推荐文章于 2024-08-10 08:32:36 发布
最新推荐文章于 2024-08-10 08:32:36 发布
阅读量2.4k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37221852/article/details/82996390
版权

我在使用vant组件时，遇到项目在PC端打开时，无法滑动日期选择控件。但是官网示例中却不受影响，可以正常滑动，经过一番研究，发现官方demo引入了一个插件，用于在 PC 上模拟 Touch 事件。
该库的网址是：https://github.com/hammerjs/touchemulator

爱忽悠的唐唐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
touchemulator：在桌面上模拟触摸输入
02-21
触控模拟器 在桌面上模拟多点触控输入。 触发触摸事件。 按下shift键即可捏住并旋转！ 安装 通过Bower从此存储库下载脚本： bower install hammer-touchemulator 或NPM： npm install hammer-touchemulator 如何使用 包括javascript文件，并在使用触摸输入执行其他操作的任何其他库之前调用Emulator()函数。 它将设置一些假属性来欺骗某些库的触摸检测，并在鼠标目标上触发touchstart ， touchmove和touchend事件。 < script src =" touch-emulator.js " > </ script > < script > TouchEmulator ( ) ; </ script > function log ( ev ) { console . log (
探索Hammer.js Touch Emulator：模拟触摸事件，助力移动开发
gitblog_00002的博客
04-27 349
探索Hammer.js Touch Emulator：模拟触摸事件，助力移动开发 touchemulatorEmulate touch input on your desktop项目地址:https://gitcode.com/gh_mirrors/to/touchemulator 是一个强大的工具，它允许开发者在桌面环境下模拟触摸事件，从而在没有实际移动设备的情况下测试和调试基于Hammer....
Vant4官方文档阅读记录
qq_43741689的博客
06-29 2987
阅读官方文档的记录，记录了vant的安装，基本使用，插件配置，局部和全局使用，一些高级用法，按需载入style，以及更改主题，自定义样式，还有官方给出的一些常见问题产生的原因和解决方法
touch-emulator:https 的封装
06-21
触摸模拟器 与 browserify 一起使用的的包装器。 例子 require ( 'touch-emulator' ) ( ) ; 然后一个触摸事件 polyfills 将自动安装。 请参阅demo/demo.js以了解更多用法。 和牛人一起玩 克隆到您的计算机。 git clone https://github.com/jacobbubu/touch-emulator.git touch-emulator cd touch-emulator npm install 然后使用以下命令运行demo.js ： npm start 在浏览器中打开localhost:9966 。
多点触控模拟器MultiTouchVista
07-10
多点触控模拟器MultiTouchVista。 word墨迹书写工具要求是触屏设备
Ubuntu Touch Emulator: Installation And Usage In Ubuntu 14.04, 13.10 And 12.04
feifei1049447621的专栏
04-04 710
时间2014-03-07 22:50:00 Ubuntu / Linux blog 原文  http://www.webupd8.org/2014/03/ubuntu-touch-emulator-installation-and.html A while back, Canonical released an experimental Ubuntu Touch emula
vant组件库适配pc端
07-25 4657
Vant 是一个面向移动端的组件库，因此默认只适配了移动端设备，这意味着组件只监听了移动端的 touch 事件，没有监听桌面端的 mouse 事件。 如果你需要在桌面端使用 Vant，可以引入我们提供的 @vant/touch-emulator，这个库会在桌面端自动将 mouse 事件转换成对应的 touch 事件，使得组件能够在桌面端使用。...
Vue和vant常用命令
honeydragon's博客
01-05 1955
安装 Vue Cli npm install -g @vue/cli 创建项目 vue create hello-world (hello-world为我的项目名) 3 ? Please pick a preset: default (babel, eslint) > Manually select features //选这个 4 ? Please pick a preset:...
rowhammer-test:测试DRAM的行锤问题引起的位翻转
05-20
用于测试DRAM“行锤”问题的程序“行锤”是最近的DRAM模块的问题，其中重复访问一行存储器会导致相邻行的位翻转。 此存储库包含一个用于测试rowhammer问题的程序，该程序可以作为普通用户级进程运行。 Rowhammer问题...
DRAM"rowhammer"问题测试程序rowhammer-test.zip
07-19
rowhammer-test 是用来测试 DRAM "rowhammer" 问题的程序。 标签：rowhammer
hammer-http-开源
05-03
这些数据可以帮助分析Web服务器在高负载下的性能表现，找出可能存在的问题。例如，如果发现响应时间随着并发用户的增加而显著增长，可能表明服务器需要优化数据库查询或提升硬件资源。 此外，Hammer-HTTP 的开源...
hammer-csgo-hack:CS一些CS
04-05
:fire: Hammer CS：GO Hacks 一些使用经典的“写内存”逻辑进行的CS：GO黑客攻击。 它的大多数功能都是可调的，并且会不断更新。 您可以从下载可执行文件。 :sparkles: 特征 :bullseye: 瞄准锁 :speaker_low_volume:...
vant ui Swipe pc端滑动失效
cjxIt的博客
08-11 1220
vant ui Swipe pc端滑动失效
使用vant 遇到的坑
漫天随飞雪的博客
03-31 3461
1：解决移动端点击输入框input放大 在index.html加入 <meta content="yes" name="apple-mobile-web-app-capable"> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum...
vant组件库的SwipeCell组件无法拖动，无法滑动，无样式等问题
xiaobuzq的博客
01-20 1331
如果发现组件没有样式的话，在上方导入对应的样式就可以了，这里导入的是SwipeCell组件样式，同理，发现哪个组件没样式就导入哪个组件的样式就可以了。使用了vant组件库的SwipeCell组件发现无法滑动，如何把浏览器切换成移动端是可以滑动组件的。查阅了资料，发现是pc端和移动的监听事件是不同的，需要下载一个插件才能在pc端使用。打开终端进行安装，我使用的是pnpm包管理工具，按自己使用的包管理工具来安装。然后在pc端就可以拖动和滑动了，这个组件在pc端有点难拖动，多试几次就好了。
HammerJS Touch Emulator 使用教程
最新发布
gitblog_01074的博客
08-10 214
HammerJS Touch Emulator 使用教程 touchemulatorEmulate touch input on your desktop项目地址:https://gitcode.com/gh_mirrors/to/touchemulator 本教程旨在引导您了解并使用 HammerJS Touch Emulator 这一开源项目，以在桌面环境中模拟触控输入。项目托管于 GitH...
vant - pc端适配(桌面端适配) 记录一下
King Saj
04-15 2627
需求: 页面在pc端打开,使得有些组件不能够在pc端使用. 例如: DatetimePicker组件,在pc端无法进行上下拖动操作的: 解决方案: 官网推荐 安装模块 npm i @vant/touch-emulator -S 在main.js 引入模块后自动生效 // 引入模块后自动生效 import '@vant/touch-emulator'; ...
Vue组件库设计 | Vue3组件在线交互解释器
zz_jesse的博客
04-25 414
大家好！！，好久不见，过年还开心吗？作者在这儿先给大家拜个晚年，祝大家晚年幸福QAQ。翻过这个年，发现Vue最新版本的官方文档[1] 正式上线了，大家都去围观过了么？除了新的界面和暗黑主题之外，最大的亮点莫过于这个Vue Playground[2]，它提供一个在线的可交互编辑环境，实现在线上直接调试文档提供的案例代码， 而且十分的轻量。image.pngimage.png...
Emulator: emulator: INFO: QtLogger.cpp:68: Critical: Uncaught ReferenceError: $ is not defined解决办法
南京大学软院研究生
11-13 9560
今天在Android Studio下使用模拟机的时候一直提示：Emulator: emulator: INFO: QtLogger.cpp:68: Critical: Uncaught ReferenceError: $ is not defined 1、错误提示： Emulator:emulator:INFO:QtLogger.cpp:68:Critical:UncaughtReferenceError:$isnotdefined 2、解决办法 （1）、找到android-s...
移动端—— 兼容PC端，移动端的点击事件
06-06
移动端的点击事件和PC端的点击事件有一些不同，主要是因为移动端的设备没有鼠标和键盘。因此，在开发移动端的网页时，需要考虑到这些差异。 为了兼容PC端和移动端的点击事件，可以使用以下方法： 1. 使用touchstart、touchmove、touchend事件代替click事件。这些事件是移动端特有的，可以模拟鼠标点击事件。 2. 使用click事件，并加上ontouchstart、ontouchmove、ontouchend事件，这样可以同时支持PC端和移动端的点击事件。 3. 使用第三方库，如jQuery Mobile、Hammer.js等，这些库可以处理移动端的点击事件，并提供更多的手势事件，如swipe、pinch等。 总之，为了兼容PC端和移动端的点击事件，需要在开发时考虑到移动端的特点，并选择合适的方法来处理点击事件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值