c# - 是否可以在单击移动视图的按钮时显示键盘
问题描述
在 MVC 应用程序中,我有一个要求,即每当单击与字段关联的文本框时
- 应隐藏移动视图的键盘弹出窗口
- 应该显示一个小按钮
- 单击此按钮后,应显示键盘。
这种要求背后的原因是我们有一个硬件设备可以将值直接传输到文本框,所以键盘应该被隐藏,当需要修改这个硬件发送的值时,用户可以点击按钮,然后键盘弹出值可以修改。
我已经达到了第 1 点和第 2 点,请帮助我达到第 3 点(如果可能的话)
下面是我的 .cshtml 文件的代码片段:
文本框:
<div class="col-md-6">
<input type="number" value="" name="FeatureList" id=@textBoxId maxlength="13" class="form-control-new " />
</div>
键盘显示/隐藏按钮:
<div>
<br />
<button type="button" id="btnKeyboard"> Keyboard </button>
</div>
文本框点击事件:
<script>
$(document).ready(function () {
$(this).on('click', "#dynamicControls input[type='text']", function () {
debugger;
$("#btnKeyboard").hide();
});
});
</script>
解决方案
您可以禁用文本框并仅在用户单击按钮时启用它,以便移动设备显示键盘。
$(document).ready(function () {
$(this).on('click', "#btnKeyboard", function () {
debugger;
$('input').prop( "disabled", false );
$('input').focus();
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-6">
<input type="number" value="" name="FeatureList" id=@textBoxId maxlength="13" class="form-control-new" disabled />
</div>
Keyboard show/hide button :
<div>
<br />
<button type="button" id="btnKeyboard"> Keyboard </button>
</div>
推荐阅读
- sql - SQL 语句从连接返回匹配记录,从连接返回空记录
- javascript - JavaScript FileReader 如何读取不同的编码文件
- firebase - 如何注册用户并在注册页面中自动链接一些用户特定数据与颤振?
- amazon-web-services - AWS ECS 中的服务发现
- matlab - Simulink - 如何配置范围的外观
- mulesoft - 如何在 Mule4 中使用本地主机测试 Https 侦听器
- node.js - MongoDB findOneAndUpdate 更新但没有任何变化
- data-structures - 如何找到给定算法的复杂度?
- sql - 从具有“字典”的数据库中获取不同的结果
- android - Firebase .indexOn 动态键不起作用