文本区域值更改时双击 ipad 设备

Posted

技术标签:

【中文标题】文本区域值更改时双击 ipad 设备【英文标题】:Double tap on ipad devices when text area value changes 【发布时间】:2014-04-01 07:08:29 【问题描述】:

在我的弹出对话框中,我使用 jquery live() 来更改 textarea 失去焦点时的值(模糊事件)。当我通过单击取消按钮关闭对话框时,它在桌面浏览器中工作正常,但在我的 ipad 设备中,当我厌倦通过单击取消按钮关闭对话框时,会发生以下行为

1) 在我第一次点击时,会调用 blur 事件并且 textarea 值会发生变化(虚拟键盘也会隐藏)。

2) 在第二次点击时,弹出窗口关闭。

注意:当我将模糊事件上的 textarea 的 value 属性设置为 null 时。它在 ipad 设备上运行良好。

我希望在单击时关闭弹出窗口。

【问题讨论】:

【参考方案1】:

一些建议。

    你是否绑定了“点击”事件? 尝试从 live() 更改为 on():https://api.jquery.com/on/

    尝试停止传播和默认事件:

    $("some_element").on('click', function(ev) ev.stopPropagation(); ev.preventDefault(); /* 你的代码在这里 */ return false;);

    您是否尝试为输入创建占位符文本?如果是这样,您可以使用 html5 中的“占位符”属性来实现这一点,而无需任何脚本。

【讨论】:

以上是关于文本区域值更改时双击 ipad 设备的主要内容,如果未能解决你的问题,请参考以下文章

用于增加或减少文本区域值的数字键盘按钮

Firefox缓存文本区域值?

文本区域值计数长度jquery

淘汰文本区域值绑定显示换行符的 ASCII 字符?

无法将文本区域值传递给我的表单

如何在移动设备上调整灵活文本区域的大小?