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

ScrollView 和 WindowInsets

我在尝试正确使用 WindowInsets 时遇到了问题。这是我的初始布局：我在尝试正确使用 WindowInsets 时遇到了问题。这是我最初的布局： <ScrollView android:id="@+id/scrollView"> <LinearLayout> <FrameLayout android:id="@+id/stretchableView" /> <FrameLayout android:id="@+id/fixedBottomView" android:layout_height="500dp"> <EditText /> </FrameLayout> </LinearLayout> </ScrollView> fixedBottomView 具有固定大小，而 stretchableView 填充剩余空间。这就是它的样子，以及键盘出现时会发生什么（到目前为止一切都很好）：在另一种情况下，我试图实现类似的行为，但使用 WindowInsets。这就是我处理 WindowInsets 的方式： findViewById<View>(R.id.scrollView).apply { rootView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or View.SYSTEM_UI_FLAG_LAYOUT_STABLE setOnApplyWindowInsetsListener { view, insets -> view.updatePadding( top = insets.systemWindowInsetTop, bottom = insets.systemWindowInsetBottom ) insets } } 你看，我正在向 ScrollView 添加顶部和底部填充。在这种情况下会发生以下情况：静态布局看起来不错，但是键盘出现时与EditView重叠，这是我的问题。 WindowInsets 似乎处理得当，因为您可以向下滚动查看 EditText: 这是我的活动的完整 XML： <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="match_parent" android:fillViewport="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <FrameLayout android:id="@+id/stretchableView" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:background="@drawable/layout_back" /> <FrameLayout android:id="@+id/fixedBottomView" android:layout_width="match_parent" android:layout_height="500dp" android:background="@drawable/layout_back"> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|center_horizontal" android:layout_marginBottom="8dp" android:ems="10" android:hint="Edit Text" /> </FrameLayout> </LinearLayout> </ScrollView> 在这种情况下，你需要更改边距而不是填充

android kotlin keyboard windowinsets

回答 1 投票 0

以编程方式将键盘快捷键添加到 Mac 系统偏好设置

如果我进入系统偏好设置、键盘、键盘快捷键，然后选择应用程序快捷键，我可以定义要在 Mac 上使用的自定义快捷键。有什么方法可以通过 Applescript 访问此功能吗？

keyboard applescript macos

回答 5 投票 0

如何以编程方式检测Linux中大写锁定的状态

我想要某种方法来知道大写锁定是否处于活动状态，我想我可以使用 xet 来达到此目的，使用管道，通过 popen('xset -q | grep Capslock') 我能够找到答案，但是我想要某种方式...

c linux keyboard x11 wayland

回答 2 投票 0

按下任意键时，从剪贴板键入下一个字符，同时抑制键盘输入

我正在尝试创建一个程序，当激活选定的键绑定时，将抑制您的键盘输入，但将使用一个模块从剪贴板键入下一个字符。结果...