防止键盘在iPad webapps中弹出文本框焦点/单击

Question

我正在尝试在iPad应用程序上创建自定义键盘.但每次输入获得焦点时,弹出原生iPad键盘.我怎样才能在JavaScript中阻止这种情况.

Answer 1

将属性"readonly"添加到输入中,并提供填充值的不同方法.

Answer 2

我认为您无法阻止键盘出现在输入字段中。但是，您可以使用 CSS 创建一个看起来像输入字段的 html 元素，并处理 onClick 事件以显示您的自定义键盘。

<style>
    .textField{
        width: 120px;
        height: 17px;
        border-style:inset;
        border-width: 2px;
        border-color: gray;
        float: left;
    }
</style>
<script>
    function showKeyboard(){
        alert("show the my cool keyboard");
    }
</script>

Name: <div onClick="showKeyboard()" class="textField"></div>

您应该查看Sencha Touch来为 iOS 设备开发 Web 应用程序。