Question

我想问一下当我从虚拟键盘输入到div时，是否有人知道从虚拟键盘直接向<div>或<input>字段实时发送数据的方法。

我尝试了不同的方法，但似乎都没有。关于stackoverflow的类似问题给了我一些想法，但keyup函数或getElementById在我的情况下不起作用请帮忙。

Beneath是我的代码。

<!DOCTYPE html>
<head>


    <link rel="stylesheet" href="softkeys-0.0.1.css">

    <style>
       body { background-color:#fafafa; font-family:'Roboto';}
    </style>
</head>
<body>
<input type="text" id="a" name="code" class="form-control input-lg">
</form>
<div  style="border:2px inset #AAA ;height:50px; width:500px;"  id="d" >
</div>
<script>
  $('.softkeys').click(function() {
$('#d').text($(this).val());
});
</script>

                <div class="softkeys" data-target="input[name='code']">
  </div>

            </div>
        </div>
    </div>

    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="softkeys-0.0.1.js"></script>

    <script>
        $(document).ready(function(){
            $('.softkeys').softkeys({
                target : $('.softkeys').data('target'),
                layout : [
                    [
                        ['`','~'],
                        ['1','!'],
                        ['2','@'],
                        ['3','#'],
                        ['4','$'],
                        ['5','%'],
                        ['6','^'],
                        ['7','&amp;'],
                        ['8','*'],
                        ['9','('],
                        ['0',')'],
                        ['-', '_'],
                        ['=','+'],
                        'delete'
                    ],
                    [
                        'q','w','e','r','t','y','u','i','o','p',
                        ['[','{'],
                        [']','}']
                    ],
                    [
                        'capslock',
                        'a','s','d','f','g','h','j','k','l',
                        [';',':'],
                        ["'",'&quot;'],
                        ['\\','|']
                    ],
                    [
                        'shift',
                        'z','x','c','v','b','n','m',
                        [',','&lt;'],
                        ['.','&gt;'],
                        ['/','?'],
                        ['@']
                    ]
                ]
            });
        });
    </script>
</body>
</html>

一切都像它应该的那样工作，但问题是当我尝试从虚拟键盘发送数据到<div>或从<input>发送到<div>时脚本不起作用。

      $('.softkeys').click(function() {
      $('#d').text($(this).val());
      });

Answer 1

<script>
    $('.softkeys').click(function(event) {
        $('#d').text($("#a").val());
    });
</script>

将上面的脚本放在jquery和softkeys的脚本之后。

此外，您可以将输入＃设为隐藏的元素。

将数据从虚拟键盘发送到div或从输入到div实时发送

1 个答案: