可能重复:
如何用 jQuery 替换击键?
有没有办法可以更改 JavaScript 中按下的键的默认字符。就像如果有人按下“E”按钮,它会打印出 ap,这是实时的,就像它被输入到 textarea 中一样。无论如何用jQuery或类似的东西来做这个?谢谢!
可能重复:
如何用 jQuery 替换击键?
有没有办法可以更改 JavaScript 中按下的键的默认字符。就像如果有人按下“E”按钮,它会打印出 ap,这是实时的,就像它被输入到 textarea 中一样。无论如何用jQuery或类似的东西来做这个?谢谢!
以下是基于此答案的工作解决方案的完整示例:
jQuery.fn.extend({
insertAtCaret: function(myValue) {
return this.each(function(i) {
if (document.selection) {
//For browsers like Internet Explorer
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else if (this.selectionStart || this.selectionStart == '0') {
//For browsers like Firefox and Webkit based
var startPos = this.selectionStart;
var endPos = this.selectionEnd;
var scrollTop = this.scrollTop;
this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos, this.value.length);
this.focus();
this.selectionStart = startPos + myValue.length;
this.selectionEnd = startPos + myValue.length;
this.scrollTop = scrollTop;
} else {
this.value += myValue;
this.focus();
}
})
}
});
$(function() {
var ta = $('<textarea id="ta" style="width: 400px; height: 200px;"></textarea>').appendTo('body');
ta.keypress(function(e) {
if (e.which == 101) // e
{
e.preventDefault();
ta.insertAtCaret('P');
}
});
});
查看此框架以添加键盘快捷键。
http://www.openjs.com/scripts/events/keyboard_shortcuts/
当然,它不会自动将任何按键转换为另一个字符并输出该字符,您必须确定页面的哪个部分具有焦点,例如文本字段,并使用您实际想要的任何字符修改它的值被输入。