如何在移动设备上禁用滚动时启用输入文本字段
How to enable input text fields while scroll is disabled on mobile device?
在一个专门用于移动设备的网站上,我阻止用户在document.ready中使用以下代码滚动:
document.body.addEventListener('touchstart', function (e) {e.preventDefault(););
这很好用,但它有一个副作用,会阻止用户与输入文本字段交互,文本字段没有响应。
我尝试将点击事件添加到其中一个文本字段,但这不起作用。
关于如何解决这个问题的任何想法?
谢谢摩西·
不要使用 touchstart,它基本上是移动点击,改用 touchmove:
function preventBehavior(e)
{
e.preventDefault();
};
document.addEventListener("touchmove", preventBehavior, false);
相关文章:
- 启用JavaScript的过度滚动
- 刷新jqGrid;t在启用无限滚动的情况下保存当前页面位置
- 启用面板向左滚动时,如何在左侧部分显示页面
- 如何在HTML5页面上启用平滑滚动
- 如何在弹出窗口中启用滚动
- 启用数据间谍内部的滚动“;粘贴“;
- window.location-在启用滚动的情况下打开
- 如何在窗口调整大小时禁用和启用滚动魔术
- 在所有浏览器中为我的网站启用平滑滚动
- 允许在启用 event.preventDefault 时使用 touchstart 进行垂直滚动
- 在 HTML 表格上启用垂直滚动
- 在文本区域中启用滚动
- 用于禁用/启用滚动的跨浏览器解决方案
- 将引导模式滚动到底部时的启用按钮
- 在触摸设备上的悬停状态后启用链接,而不会影响正常滚动
- 仅在模态上禁用/启用滚动
- 分离JPlayer's播放列表从播放器启用滚动移动
- 启用滚动高图表,高股票
- 自动滚动启用和禁用链接
- 一个关于自动滚动(启用了css's overflow-y)效果的小难题