모바일 제스처 금지하기 stop mobile gesture

한 줄 요약

모바일 브라우저에서 스와이프 제스처를 통한 새로고침, 뒤로 가기나 앞으로 가기를 막는 플러그인입니다.

This is a plugin that prevents refresh, back, or forward actions through swipe gestures on mobile browsers.

컨택 및 제안

bubbleboxerofficial@gmail.com

노코드 마스터로 거듭나기

아래 목차를 클릭해 필요한 부분으로 바로 이동할 수 있습니다.

플러그인이 도움 됐다면 버블박스에게 커피를 후원해주세요! If this plugin will help you, plz buy me a coffee

→ 커피 후원하기

Intro

1. Why

When users accidentally swipe on a mobile browser, it can trigger a page refresh or navigate back to the previous page. If this happens while they are entering important information on the current page, they might have to start over. To prevent such issues, I created this plugin.

모바일 브라우저에서 유저가 실수로 스와이프 제스처를 잘못 하면, 아래처럼 페이지가 새로고침이나 뒤로가기가 발생할 수 있습니다. 유저가 현재 페이지에 중요한 정보를 입력하는 과정 중에 이와 같은 상황이 발생하면, 처음부터 다시 입력을 진행해야 할 수 있습니다. 이러한 불상사를 막기 위해 플러그인을 만들었습니다.

스와이프 제스처에 의한 페이지 동작

2. ChangeLog

1.0

•

stop mobile gesture Elem
모바일 제스처 금지 요소 추가

Core

1. Related Docu

플러그인 페이지

stop mobile gesture Plugin for Bubble

stop mobile gesture Plugin page on Bubble. Use this plugin to speed up your app development. Bubble lets you build web apps without any code.

https://bubble.io/plugin/stop-mobile-gesture-1717426995972x582058836899397600

데모 링크

Bubble - Visual Programming

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

https://bubblebox-64217.bubbleapps.io/version-test/plugin_stop_gesture/#s0

에디터 링크

Bubble Editor - bubblebox

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

https://bubble.io/page?type=page&name=plugin_stop_gesture&id=bubblebox-64217&tab=tabs-1

2. Composition

Element

모바일 브라우저에서 스와이프 제스처를 통한 새로고침, 뒤로 가기나 앞으로 가기를 막는 요소입니다 This element prevents refresh, back, or forward actions through swipe gestures on mobile browsers.

Input

field	type	Required	설명
stop_x_driection	boolean		모바일에서 X축 스와이프 제스처를 막을지 체크합니다. Check if the swipe gesture on the X-axis should be blocked on mobile.
stop_y_driection	boolean		모바일에서 Y축 스와이프 제스처를 막을지 체크합니다. Check if the swipe gesture on the Y-axis should be blocked on mobile.

Tutorial

Create a [stop gesture] element on the page where you want to block mobile gestures. 모바일 제스처를 막을 페이지에 [stop gesture] 요소를 생성합니다.

To prevent page refresh caused by swiping along the Y-axis, enable [stop_y_direction]. To prevent page navigation caused by swiping along the X-axis, enable [stop_x_direction]. Y축 스와이프에 의한 페이지 새로고침을 막으려면, [stop_y_direction]을 활성화합니다. X축 스와이프에 의한 페이지 이동을 막으려면, [stop_x_direction]을 활성화합니다.