Javascript按钮单击触发按键并将文本添加到输入文本中

时间:2016-11-30 04:20:46

标签: javascript jquery

Hibernate: create table employee (id bigint generated by default as identity, age integer, gender integer, name varchar(255), primary key (id))

我尝试触发键盘事件并将文本添加到输入文本中。

出于某种原因,我无法使用<input class="foo" type="text" /> <button>click</button> $('button').click(function(){ var e = $.Event('keypress'); e.which = 65; // Character 'A' $('.foo').trigger(e); }); ,我必须触发键盘事件

任何人都知道如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

尝试这样: String.fromCharCode(e.which) 。添加到$(element).val()的输入使用。不需要使用触发事件。只需将数据加载到元素。足够了。

&#13;
&#13;
$('button').click(function(){
    var e = $.Event('keypress');
    e.which = 65; // Character 'A'
    $('.foo').val(String.fromCharCode(e.which));   
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="foo" type="text" />
<button>click</button>
&#13;
&#13;
&#13;

contentEditable

的另一个答案

&#13;
&#13;
$('button').click(function(){
    var e = $.Event('keypress');
    e.which = 65; // Character 'A'
    $('.foo').text(String.fromCharCode(e.which));   
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo" contentEditable="true" ></div>
<button>click</button>
&#13;
&#13;
&#13;