keyboard 相关问题

这就是我正在尝试的方式 $(文档).ready(函数(){ $('#dateIn,#dateOut').click(函数(e){ e.preventDefault(); }); }); </scr...</desc> <question vote="106"> 这就是我正在尝试的方式 <pre><code><script type="text/javascript"> $(document).ready(function(){ $('#dateIn,#dateOut').click(function(e){ e.preventDefault(); }); }); </script> </code></pre> 但是输入仍然“启动”iPhone 的键盘 ps：我想这样做是因为我正在使用日期选择器插件来进行日期 </question> <answer tick="true" vote="247"> 通过将属性 <pre><code>readonly</code></pre>（或 <pre><code>readonly="readonly"</code></pre>）添加到输入字段，您应该防止任何人在其中输入任何内容，但仍然能够在其上启动单击事件。 当您使用日期/时间选择器时，这在非移动设备中也很有用 </answer> <answer tick="false" vote="80"> <h1><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode" rel="noreferrer">输入模式</a>属性</h1> <pre><code><input inputmode='none'> </code></pre> <blockquote> <pre><code>inputmode</code></pre>全局属性是一个枚举属性，它暗示用户在编辑元素或其内容时可能输入的数据类型。它可以具有以下值： </blockquote> <blockquote> <pre><code>none</code></pre> - 没有虚拟键盘。用于当页面实现自己的键盘输入控件时。 </blockquote> <hr/> 我正在成功使用它（在Chrome/Android上测试） <a href="https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/" rel="noreferrer">CSS 技巧：您想了解的有关输入模式的一切</a> </answer> <answer tick="false" vote="12"> 您可以向 DatePicker 添加回调函数，告诉它在显示 DatePicker 之前模糊输入字段。 <pre><code>$('.selector').datepicker({ beforeShow: function(){$('input').blur();} }); </code></pre> 注意：iOS 键盘会出现几分之一秒，然后隐藏。 </answer> <answer tick="false" vote="4"> 下面的代码对我有用： <pre><code><input id="myDatePicker" class="readonlyjm"/> $('#myDatePicker').datepicker({ /* options */ }); $('.readonlyjm').on('focus',function(){ $(this).trigger('blur'); }); </code></pre> </answer> <answer tick="false" vote="3"> 我在这里问了一个类似的问题，并得到了一个很棒的答案 - 使用 iPhone 本机日期选择器 - 太棒了。 <a href="https://stackoverflow.com/questions/9812083/how-to-turn-off-iphone-keypad-for-a-specified-input-field-on-web-page">如何关闭网页上指定输入字段的 iPhone 键盘</a> 概要/伪代码： <pre><code>if small screen mobile device set field type to "date" - e.g. document.getElementById('my_field').type = "date"; // input fields of type "date" invoke the iPhone datepicker. else init datepicker - e.g. $("#my_field").datepicker(); </code></pre> 将字段类型动态设置为“日期”的原因是 Opera 会弹出自己的本机日期选择器，否则我假设您希望在桌面浏览器上一致地显示日期选择器。 </answer> <answer tick="false" vote="2"> 由于我无法对置顶评论发表评论，所以我被迫提交“答案”。 所选答案的问题在于，将字段设置为只读会导致该字段脱离 iPhone 上的 Tab 键顺序。因此，如果您喜欢通过点击“下一步”来输入表单，您将直接跳过该字段。 </answer> <answer tick="false" vote="2"> 根据我的意见，解决此问题的最佳方法是使用“ignoreReadonly”。 首先将输入字段设为只读，然后添加ignoreReadonly:true。这将确保即使文本字段是只读的，也会显示弹出窗口。 <pre><code>$('#txtStartDate').datetimepicker({ locale: "da", format: "DD/MM/YYYY", ignoreReadonly: true }); $('#txtEndDate').datetimepicker({ locale: "da", useCurrent: false, format: "DD/MM/YYYY", ignoreReadonly: true }); }); </code></pre> </answer> <answer tick="false" vote="0"> 所以这是我的解决方案（类似于约翰·万斯的答案）： 首先到这里获取检测手机浏览器的功能。 <a href="http://detectmobilebrowsers.com/" rel="nofollow">http://detectmobilebrowsers.com/</a> 他们有很多不同的方法来检测您是否使用移动设备，因此请找到一种适合您正在使用的设备。 您的 HTML 页面（伪代码）： <pre><code>If Mobile Then <input id="selling-date" type="date" placeholder="YYYY-MM-DD" max="2999-12-31" min="2010-01-01" value="2015-01-01" /> else <input id="selling-date" type="text" class="date-picker" readonly="readonly" placeholder="YYYY-MM-DD" max="2999-12-31" min="2010-01-01" value="2015-01-01" /> </code></pre> JQuery： <pre><code>$( ".date-picker" ).each(function() { var min = $( this ).attr("min"); var max = $( this ).attr("max"); $( this ).datepicker({ dateFormat: "yy-mm-dd", minDate: min, maxDate: max }); }); </code></pre> 这样，您仍然可以在移动设备中使用本机日期选择器，同时仍然以任何方式设置最小和最大日期。 非移动设备字段应为只读，因为如果移动浏览器（例如 ios 的 chrome）“请求桌面版本”，那么它们可以绕过移动检查，而您仍然希望阻止键盘显示。 但是，如果该字段是只读的，用户可能会觉得他们无法更改该字段。您可以通过更改 CSS 使其看起来不是只读的（即将边框颜色更改为黑色）来解决此问题，但除非您更改所有输入标签的 CSS，否则您会发现很难保持外观一致浏览器。 为了解决这个问题，我只需向日期选择器添加一个日历图像按钮。只需稍微更改一下您的 JQuery 代码即可： <pre><code>$( ".date-picker" ).each(function() { var min = $( this ).attr("min"); var max = $( this ).attr("max"); $( this ).datepicker({ dateFormat: "yy-mm-dd", minDate: min, maxDate: max, showOn: "both", buttonImage: "images/calendar.gif", buttonImageOnly: true, buttonText: "Select date" }); }); </code></pre> 注意：您必须找到合适的图像。 </answer> <answer tick="false" vote="0"> 我2024年的解决方法 我花了很多时间来克服这个问题。我的解决方法是当模式出现时不显示键盘。它实际上会在第一个输入上触发模糊。 <pre><code>useEffect(() => { setTimeout(() => { // the modal body const modal = document.getElementsByClassName("modal__panel")[0] as HTMLDivElement if (modal) { // the first input that the keyboard automatically focuses on const firstInput = modal.getElementsByTagName('INPUT')[0] as HTMLInputElement if (firstInput) firstInput.blur() } }, 1) }, []) </code></pre> 在模态组件中实现这个钩子。希望问题会消失。 </answer> <answer tick="false" vote="-1"> 我有一个通用的“无键盘”脚本 - 适用于 Android 和 iPhone： <pre><code> $('.readonlyJim').on('focus', function () { $(this).trigger('blur') }) </code></pre> 只需将添加类 <pre><code>readonlyJim</code></pre> 附加到输入标签即可。 （*抱歉这里有太多星际迷航） </answer> </body></html>

javascript jquery iphone keyboard

回答 0 投票 0

如何在 USB HID 报告中发送 Unicode？

有一个问题，几乎是一个确切的名字。答案指出，对于（一般）Unicode 字符，他的解决方案取决于操作系统。但是，HID 用法表 1.5 文档有专门的用法...

unicode keyboard usb hid utf-16

回答 1 投票 0

如何禁用 Windows 11 笔记本电脑上的内置键盘

我的笔记本电脑键盘会自动连续按win按钮和prinScn按钮。我已尝试从设备管理器中卸载驱动程序，但它对我不起作用。然后我尝试了力量...

keyboard

回答 1 投票 0

keyboard 相关问题

最新问题