个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个有 3 页的网站。每个页面都有一个带有两个输入字段的表单。我正在尝试制作一个弹出数字键盘，它将填充输入字段所称的内容。下面是我不断回顾的基本代码。
<html>
<head><title>test</title></head>
<body>
<script> function num(id) { return document.getElementById(id); } </script>
<form action="/unitPage" method="POST" style=" text-align:center;">
Prefix: <input id="num" name"prefix" type="text" onfocus="num('keypad').style.display='inline-block';"/>
Number: <input id="num" name"number" type="text" pattern="[0-9]{6}" onfocus="num('keypad').style.display='inline-block';"/>
</form>
<div id="keypad" style="display:none; background:#AAA; vertical-align:top;">
<input type="button" value="7" onclick="num('num').value+=7;"/>
<input type="button" value="8" onclick="num('num').value+=8;"/>
<input type="button" value="9" onclick="num('num').value+=9;"/><br/>
<input type="button" value="4" onclick="num('num').value+=4;"/>
<input type="button" value="5" onclick="num('num').value+=5;"/>
<input type="button" value="6" onclick="num('num').value+=6;"/><br/>
<input type="button" value="1" onclick="num('num').value+=1;"/>
<input type="button" value="2" onclick="num('num').value+=2;"/>
<input type="button" value="3" onclick="num('num').value+=3;"/><br/>
<input type="button" value="X" onclick="num('keypad').style.display='none'"/>
<input type="button" value="0" onclick="num('num').value+=0;"/>
<input type="button" value="←" onclick="num('num').value=num('num').value.substr(0,num('num').value.length-1);"/>
</div>
</body>
</html>
有没有一种方法可以制作一个可以从任何页面调用的数字键盘，或者我是否需要为每个输入制作上述内容？
谢谢
最佳答案
一种可能的解决方案是在 header 中添加一个 javacript 调用(通过当前调用 document.getElementById(id) 调用的位置)来操作该 HTML 的 DOM，然后简单地将您的 div 插入其中。我建议在每个页面上为该元素放置一个 shell div，然后 javascript 只需通过 id(“键盘”)获取该 div 并插入内部 HTML。
编辑:只要您在 3 个页面之间共享 javascript 文件，您只需实现一次 javascript。
关于javascript - 如何制作一个 javascript 数字键盘弹出窗口，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19940534/
25
4
0
我遇到了一个问题。我正在使用 pyinstaller 将代码导出到 .exe。代码包括 tkinter、PIL 和 keyboard 模块。软件在我使用 Python 的 PC 上运行完美，而在没有
我正在尝试将 STM32F0-disco 用作 Windows PC 的键盘。正在打印的字符有问题。 下面的代码等到板载按钮被按下，然后应该打印一次这三个字符。 /* USER CODE BE
我想在单击键盘上的“完成”按钮时退出键盘。我怎样才能做到这一点？我有以下代码=> textView.returnKeyType = UIReturnKeyDone; 我有这个代码用于限制 TextVi
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 8 年前。 Improve this ques
我想调出一个用于输入电话号码的键盘。有没有办法在我自己的 Activity 中显示此对话框并捕获用户输入的内容。我需要能够控制用户点击调用时发生的情况。所以我很感兴趣自定义允许用户输入电话号码的 Ac
我希望软键盘位于我的布局之上，而不是在它弹出时四处移动我的布局。我该怎么做呢？我查看了 list ，但从未设置 android:windowSoftInputMode="adjustResize" 此
主题:将某些键替换为另一个键值。 例如如果我按 P，它应该是 F24。 当我尝试从 .ini 文件加载键值时， Hook 不再是全局的。它仅在 winapi 窗体处于焦点时才有效。 我的 DLL 代码
当我点击 EditText 时，是否可以用小写字母启动 android 键盘？基本上，我想要的是将 EditText 中的第一个字母小写，但也让用户可以根据需要将其变为大写...... (EditTe
我想监控 IOS 上的键盘隐藏按钮并触发一个事件。我在说: 我只想在用户按下实际按钮时进行监控。我不想要键盘隐藏时的事件。 最佳答案 用户键盘通知观察者.. 对于 swift NSNotificati
在经历了这一切之后就像认真的...... Easy way to dismiss keyboard? ...我有多个 TextFields 和一些 TextViews。有没有办法对所有文本字段进行批处
所以我想在我的应用程序中添加一个键盘，其中包含表情符号，就像 Whatsapp 或环聊一样。我怎样才能做到这一点？我想保留我的键盘，因为我只想添加标签来放置表情符号。我认为软键盘很容易支持它，但到目前
首先，我会让您知道，我在 StackOverflow 以及 Google 和 Github 上查看了很多很多不同的帖子。我已经到处寻找对我有帮助的任何。但是，似乎没有任何效果。它要么已经过时(超过 1
当按下相应的键时，我试图让我的游戏中的宇宙飞船 (PlayerShip.gif) 向左、向右、向上和向下移动。我知道我需要一个 keyboardListener 但我在弄清楚它的去向以及它是如何实际实
我正在尝试制作一个 HID USB 设备。我搜索了一下，发现键盘的输出有 8 个字节。第一个字节是修饰符，第二个字节是保留字节，其余 6 个字节是关键代码。我认为在某些情况下，例如“prtsc”，需要
我最近开始学习 Vim，在深入学习之前，我有一个问题需要回答。 使用 AZERTY 键盘，我是否应该重新映射命令和快捷方式的键以适应 QWERTY 键盘的键位置？ 我之所以问这个，是因为显然在创建这些
我一直认为在使用 Dvorak 布局之前，我需要购买 Dvorak 键盘。但是我在亚马逊上找不到。仅仅是从 Qwerty 键盘上弹出键并移动它们吗？ 最佳答案 为了帮助您了解键盘布局，您可以重新排列
我不敢相信我还没有找到任何关于此的文档，但我想知道如何命令键盘激活并接收来自它的输入。我可以找到在编辑文本字段时操作弹出键盘的所有示例。谢谢 最佳答案 您还可以使用 UIKeyInput 协议(pro
我有一个 UITextField，其中弹出的键盘已禁用其 Shift 键。键盘类型设置为 UIKeyboardTypeNamePhonePad，看起来应该允许大写。 如果我将键盘类型更改为“默认”但保
背景:我的表单有一个 TWebBrowser。我想用 ESC 关闭表单，但 TWebBrowser 吃掉了击键 - 所以我决定使用键盘 Hook 。 问题是表单可以同时在多个实例中打开。 无论我做什么
我需要(即客户要求)提供自定义键盘，供用户在文本字段和区域中输入文本。我已经有一些可以执行键盘操作并将测试附加到文本字段的东西，但是我想让它更通用并让它像标准的 iphone 键盘一样工作，即当用户选
我是一名优秀的程序员,十分优秀！