html5页面的手势,html5+ 手势滑动更改窗口

我会带着你远行 2022-10-06 00:59 189阅读 0赞

一个非常常用的方法，手势滑动控制窗口改变。

可以在不引入mui等其他插件的情况下，单独使用

可以改变底部选项卡，

也可以用来手势关闭单页面

第一次发分享，好激动…………

//因为手机性能的问题，绑定事件，可能会发生在创建的窗口之前，

//我的做法是，使用setTimeout，使他延迟绑定

//创建窗口的部分省略……，想看创建窗口部分代码的人，留言/评论

function move (webviewID,dom,classname)\{

/\*

\* 第一个参数为webview的id数组，

\*

\* 第二个参数为需要改变的导航，获取好的dom数组

\*

\* 第三个需要改变的classname

\*

\* 如果只有一个参数，代表关闭当前窗口，

\* 请传入窗口id

\*

\* \*/

var i;

if(arguments.length>1)\{

for(i=0; i

if(i+1 < webviewID.length)\{

mov(get(webviewID\[i\]),get(webviewID\[i+1\]),dom\[i\],dom\[i+1\],"rtl");

\}

if(i-1 >= 0)\{

mov(get(webviewID\[i\]),get(webviewID\[i-1\]),dom\[i\],dom\[i-1\],"ltr")

\}

\}

\}else \{

get(webviewID).drag(

\{direction:"ltr",moveMode:"followFinger"\},

\{moveMode:"follow"\},

function(e)\{

if(e.result)\{

get(webviewID).back();

\}

\}

)

\}

function get (d)\{

return plus.webview.getWebviewById(d);

\}

function mov(w, w1, d, d1, s) \{

w.drag(\{

direction: s,

moveMode: "followFinger"

\}, \{

view: w1,

moveMode: "follow"

\},

function(e) \{

if(e.result == true) \{

d.classList.remove(classname);

d1.classList.add(classname);

\}

\}

)

\}

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 IOS手势操作：点击＋滑动

1.手指点击事件 //单指单击 UITapGestureRecognizer singleFingerOne = [[UITapGestureRecogniz

悠悠/ 2023年10月18日 13:42/ 0 赞/ 125 阅读

相关 html5页面的手势,html5+ 手势滑动更改窗口

一个非常常用的方法，手势滑动控制窗口改变。可以在不引入mui等其他插件的情况下，单独使用可以改变底部选项卡，也可以用来手势关闭单页面第一次发分享，好激动…………

我会带着你远行/ 2022年10月06日 00:59/ 0 赞/ 190 阅读

相关解决右滑返回手势和UIScrollView中的手势冲突,5行代码

class BaseScrollView: UIScrollView { override func hitTest(_ point: CGPoint,

客官°小女子只卖身不卖艺/ 2022年10月01日 11:56/ 0 赞/ 155 阅读

相关 HTML5 Mobile页面

<!DOCTYPE html> <html> <head> <title>HTML5 Mobile</title>

柔光的暖阳◎/ 2022年08月07日 14:59/ 0 赞/ 173 阅读

相关 GestureDetector封装手势检测上下滑动

项目中需要检测ListView的上滑下滑隐藏顶部View控件，之前在网上也有很多实现案例。在git上发现个封装很不错的例子，记录下来。 GestureDetecto

╰+攻爆jí腚メ/ 2022年08月01日 11:20/ 0 赞/ 221 阅读

相关 html5 滑动事件

$(document).ready(function(){ var startX,startY,endX,endY var scrollTopVal=

今天药忘吃喽~/ 2022年08月01日 01:14/ 0 赞/ 203 阅读

相关 html5移动端手势事件

第1章事件参照表 <table> <thead> <tr> <th align="left">事件</th> <th align="left"

快来打我*/ 2022年07月28日 10:50/ 0 赞/ 267 阅读

相关小程序-监听手势滑动

步奏: 添加两个事件(手指按下时,手指松开时) bindtouchstart="touchStart" //开始 bindtouchend="touchE

港控/mmm°/ 2022年05月18日 00:54/ 0 赞/ 270 阅读

相关 iOS 全屏侧滑手势/UIScrollView/UISlider间滑动手势冲突

![Image 1][] 七夕节福利 ![Image 1][] 效果预览一、前期准备 > 有一个支持全屏侧滑返回的视图控制器ViewController，ViewC

阳光穿透心脏的1/2处/ 2022年05月14日 11:16/ 0 赞/ 193 阅读

相关什么是html5页面

什么是html5页面 H5是Html5的缩写，而html5是html（超文本标记语言）发展到第五代的通用网页语言，经过了不断地更新完善，html5已经拥有了一系列新的网页...

灰太狼/ 2020年06月08日 13:13/ 0 赞/ 971 阅读