Question

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

我知道我可以通过添加readonly，disabled或者忽略点击来阻止此行为。但是，这也会阻止用户通过桌面键盘输入。有没有办法可以阻止手机键盘出现？

Answer 1

您可以这样做：

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

这里targetelem是输入名称。这是一种简单的方法（有更多复杂的替代方案）可以开始使用。