分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

hammer.js使用

发布时间:2023-09-06 02:09责任编辑:熊小新关键词:js

手势包括点击(tap),长按(press),滑动(swipe),方向(pan)

使用实例:

<!DOCTYPE html><html> ???<head> ??????????<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> ???????<meta charset="UTF-8"> ???????<link rel="stylesheet" href="reset.min.css" /> ???????<title></title> ???????<style> ???????????#myElement { ?????????????background: silver; ?????????????height: 300px; ?????????????text-align: center; ?????????????font: 30px/300px Helvetica, Arial, sans-serif; ???????????} ???????</style> ???</head> ???<body class="flex-column center-center"> ???????<div id="myElement"></div> ???????<script type="text/javascript" src="hammer.js"></script> ???????<script> ???????????var myElement = document.getElementById(‘myElement‘);   ?????????????var hammer = new Hammer(myElement); ???????????????????????hammer.on("swipeleft", function (ev) { ????????????????console.log(ev.type); ???????????}); ???????????hammer.on("swiperight", function (ev) { ????????????????console.log(ev.type); ???????????}); ???????????hammer.on("panleft panright panup pandown tap press", function (ev) { ????????????????console.log(ev.type); ???????????}); ???????</script> ???</body></html>

hammer.js使用

原文地址:https://www.cnblogs.com/yycc11/p/9450922.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved