在屏幕上滑动提交按钮以提交表单

时间:2016-04-04 13:53:25

标签: javascript jquery html css

所以我尝试做类似这样的表格,用户可以通过向上或向下滑动提交按钮来提交表单(只需在手机上触摸它然后将其向上或向下拖动到某个阈值)它将提交表格)

这可能吗? 我需要做些什么来实现这个目标?

http://i.imgur.com/UrRlG9k.jpg

例如,按钮可以向上或向下拖动,如果超过某个阈值(可能是50px向上或向下),它将通过AJAX表单提交

提前致谢!

PS:这不是我正在研究的,这只是一个更复杂概念的基本总结!

实际上我正在考虑使用移动技巧来实现这一点,例如使按钮可滚动但隐藏它的滚动条但是如何实际标记阈值以便在滚动到某个位置时执行某些操作?

1 个答案:

答案 0 :(得分:0)

听起来像是一个JavaScript问题。对我来说,我会使用jQuery点击事件(mousedownmousemove,...)来识别拖动,然后只调用提交表单的回调函数,并且可能会给出视觉反馈。

draggable jQuery组件可能对此有用。