美文网首页
点击按钮调出手机软键盘

点击按钮调出手机软键盘

作者: _conquer_ | 来源:发表于2017-05-19 12:03 被阅读0次
<!DOCTYPE html>
<html>

    <head>
        <meta name="viewport" content="width=device-width,target-densitydpi=medium-dpi,initial-scale=1, maximum-scale=1">
        <meta charset="UTF-8">
        <title></title>
        <script src="../js/jquery-1.11.3.min.js"></script>
        
    </head>

    <body>
     <textarea name="" rows="6" cols="16" style="display: none;"></textarea><br />
        <button id="btn">点击弹出软键盘</button>
        <script>
            var ua = navigator.userAgent.toLowerCase();
            if(/iphone|ipad|ipod/.test(ua)) {
                var btn = document.getElementById('btn');
                btn.addEventListener('touchstart', function() {
                    $('textarea').show();
                    document.getElementById('txt').focus();
                })
            } else if(/android/.test(ua)) {
                $('button').click(function() {
                    $('textarea').show();
                    $("textarea").trigger("focus");
                })

            }
        </script>
    </body> 
</html>

相关文章

网友评论

      本文标题:点击按钮调出手机软键盘

      本文链接:https://www.haomeiwen.com/subject/kokyxxtx.html