javascript - jQuery 处理虚拟键盘点击事件

Question

在此link他正在使用 jQuery 制作一个虚拟键盘。我正在使用本教程的基础来制作虚拟键盘。但我注意到本教程的键盘有一个问题。当我使用物理键盘在文本区域输入字符并尝试通过虚拟键盘输入字符后，虚拟键盘不起作用。我必须刷新页面才能使其正常工作。它可以正常工作，直到我从物理键盘直接向文本区域输入内容。

我想通过使用这个键盘的逻辑来实现一些定制的键盘。但我上面提到的“bug”挡住了我的路。有人可以帮我解决那里发生的事情吗？谢谢。

我的代码将按钮的内容添加到文本区域:

<textarea id='tx'></textarea>
<div class='key'>1</div>
<div class='key'>2</div>
<div class='key'>3</div>

jQuery:

$(document).ready(function() {
    $('.key').click(function() {
         $('#tx').html( $(this).html() );
    });
});

Answer 1

只需更改您的代码

由此

 // Delete
        if ($this.hasClass('delete')) {
            var html = $write.html();

            $write.html(html.substr(0, html.length - 1));
            return false;
        }

到此

if ($this.hasClass('delete')) {
            var html = $write.val();

            $write.val(html.substr(0, html.length - 1));
            return false;
        }

最后从此

$write.html($write.html() + character);

到此

$write.val($write.val() + character);

因为您正在更改 val() 而不是 html()。该博客也有错误。更正一下。