Ipad jQuery Mobile有数字键盘吗？

我有一个iPad外设，需要将焦点设置在数字字段上，以便用户输入数量

我的问题是：当我的JavaScript将焦点设置在字段上时，键盘不会向上滑动

---

一个可能的解决方案是只在屏幕上弹出10个按钮，但在我这么做之前，我想我会询问社区是否已经在jQuery mobile中完成了一个样式精美的键盘。

尝试将输入类型设置为：

• type=“电子邮件”
• type=“url”
• type=“电话”

或（参考号：）

---

尝试将输入类型设置为：

• type=“电子邮件”
• type=“url”
• type=“电话”

或（参考号：）

---

更新：JSFiddle，并提供一个示例。（我不是作者）

这里有一个像样的自定义jQuery键盘可供查看：

HTML:

---

更新：JSFiddle，并举例说明。（我不是作者）

这里有一个像样的自定义jQuery键盘可供查看：

HTML:

---

为什么不做正确的事情，找出如何让本机数字键盘显示出来呢？@MΓΓБПLL你不能。至少，从我所做的所有研究来看，你不能通过JS强制打开本机键盘。@cf\u PhillipSenn也许可以看看jQuery的日期选择器。我敢打赌，可以很容易地修改为处理数字键盘。好主意，爸爸！看起来我比我想的更深了。为什么不做正确的事情，找出如何让本机数字键盘出现呢？@mΓΓББLL你不能。至少，从我所做的所有研究来看，你不能通过JS强制打开本机键盘。@cf\u PhillipSenn也许可以看看jQuery的日期选择器。我敢打赌，可以很容易地修改为处理数字键盘。好主意，爸爸！看起来我比我想的要深入。此答案中的链接不再有效-转到域保留页：-（此答案中的链接不再有效-转到域保留页：-(

<input type="text" pattern="\d*"></input>

<input style="background: white; color: black;" type="text" readonly="readonly" id="myInput"/>
<table class="ui-bar-a" id="n_keypad" style="display: none; -khtml-user-select: none;">
<tr>
   <td><a data-role="button" data-theme="b" class="numero">7</a></td>
   <td><a data-role="button" data-theme="b" class="numero">8</a></td>
   <td><a data-role="button" data-theme="b" class="numero">9</a></td>
   <td><a data-role="button" data-theme="e" class="del">Del</a></td>
</tr>
<tr>
   <td><a data-role="button" data-theme="b" class="numero">4</a></td>
   <td><a data-role="button" data-theme="b" class="numero">5</a></td>
   <td><a data-role="button" data-theme="b" class="numero">6</a></td>
   <td><a data-role="button" data-theme="e" class="clear">Clear</a></td>
</tr>
<tr>
   <td><a data-role="button" data-theme="b" class="numero">1</a></td>
   <td><a data-role="button" data-theme="b" class="numero">2</a></td>
   <td><a data-role="button" data-theme="b" class="numero">3</a></td>
   <td><a data-role="button" data-theme="e">&nbsp;</a></td>
</tr>
<tr>
   <td><a data-role="button" data-theme="e" class="neg">-</a></td>
   <td><a data-role="button" data-theme="b" class="zero">0</a></td>
   <td><a data-role="button" data-theme="e" class="pos">+</a></td>
   <td><a data-role="button" data-theme="e" class="done">Done</a></td>
</tr>
</table>

$(document).ready(function(){
  $('#myInput').click(function(){
      $('#n_keypad').fadeToggle('fast');
  });
  $('.done').click(function(){
      $('#n_keypad').hide('fast');
  });
  $('.numero').click(function(){
    if (!isNaN($('#myInput').val())) {
       if (parseInt($('#myInput').val()) == 0) {
         $('#myInput').val($(this).text());
       } else {
         $('#myInput').val($('#myInput').val() + $(this).text());
       }
    }
  });
  $('.neg').click(function(){
      if (!isNaN($('#myInput').val()) && $('#myInput').val().length > 0) {
        if (parseInt($('#myInput').val()) > 0) {
          $('#myInput').val(parseInt($('#myInput').val()) - 1);
        }
      }
  });
  $('.pos').click(function(){
      if (!isNaN($('#myInput').val()) && $('#myInput').val().length > 0) {
        $('#myInput').val(parseInt($('#myInput').val()) + 1);
      }
  });
  $('.del').click(function(){
      $('#myInput').val($('#myInput').val().substring(0,$('#myInput').val().length - 1));
  });
  $('.clear').click(function(){
      $('#myInput').val('');
  });
  $('.zero').click(function(){
    if (!isNaN($('#myInput').val())) {
      if (parseInt($('#myInput').val()) != 0) {
        $('#myInput').val($('#myInput').val() + $(this).text());
      }
    }
  });
});