作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
的情况下在移动设备上调出小键盘-6ren"> 的情况下在移动设备上调出小键盘-我正在制作一个具有输入字段的网站,您应该可以输入这样的字符串:“1-2*3+4”。我还想调出移动设备的小键盘。 不起作用,因为 webkit 浏览器使上面的示例无效(因为它包含符号)。 除了上面的那-6ren">
我正在制作一个具有输入字段的网站,您应该可以输入这样的字符串:“1-2*3+4”。我还想调出移动设备的小键盘。
<input type="number">
不起作用,因为 webkit 浏览器使上面的示例无效(因为它包含符号)。 除了上面的那个之外,还有其他方法可以调出小键盘吗?(type="tel"不包含 - 符号)
编辑:所以我找到了一个解决方法:
$('.myInput').focus(function(){
$(this).get(0).type = 'text';
});
$('.myInput').blur(function(){
$(this).get(0).type = 'number';
});
当输入获得焦点时,我将类型更改为文本(至少在 iPhone 上,这种更改发生在小键盘已经调出之后)。当它失去焦点时,我将类型改回数字,以便在输入再次获得焦点时它再次工作。
不过我仍然对其他建议感兴趣。
最佳答案
恐怕您无法使用小键盘或带额外键的数字键盘(不幸的是,其中包含减号但不包含加号)。
只实现小键盘:
<input type="number" pattern="[0-9]*" />
实现扩展数字键盘:
<input type="number" pattern="*" />
在 Apple 的 Safari Developer Library 中阅读更多相关信息.
关于jquery - 在没有 <input type ="number"> 的情况下在移动设备上调出小键盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22590440/
我是一名优秀的程序员,十分优秀!