Question

在这个link中，他使用jQuery创建了一个虚拟键盘。我正在使用本教程的基础创建虚拟键盘。但我注意到本教程的键盘存在问题。当我使用物理键盘向文本区域输入字符并尝试通过虚拟键盘输入字符后，虚拟键盘无法正常工作。我必须刷新页面才能使其正常工作。它正常工作，直到我从物理键盘直接输入textarea。

我想使用这个键盘的逻辑来实现一些自定义键盘。但是＆＃34; bug＆＃34;我上面提到阻止我的路径。有人可以帮助我解决那里发生的事情吗？谢谢。

我的代码将按钮的内容添加到textarea：

<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()。该博客也有错误。纠正它。

jQuery处理虚拟键盘点击事件

1 个答案: