javascript - 有没有办法在不阻止桌面输入的情况下阻止移动键盘显示？

Question

我在我的网站中使用 jquery 日期选择器。 (我当前使用this one，但如果需要，可以使用其他库)它允许用户使用日期选择器弹出窗口输入日期或直接使用键盘输入日期。问题是，当在移动设备上查看网站时，这也会导致移动键盘弹出，有时会使日期选择器在较小的设备中没有足够的显示空间。

我知道我可以通过添加readonly、disabled或失去点击焦点来防止这种行为。然而，这也阻止了用户通过桌面上的键盘输入。有没有办法阻止移动键盘显示？

Answer 1

你可以这样做:

var width = jQuery(window).width();
if(width > 768) {
  jQuery("targetelem").attr('readonly', true);
}

这里的targetelem是输入名称。这是一种简单的入门方法(还有更复杂的替代方法)。