javascript - 显示带有快捷键但不插入快捷键的文本区域

Question

$(document).keydown(function(event) {

if(event.keyCode === 70) {
$.("#myTextarea").css('display','block');
$.('textarea').focus();
}

问题是当我单击f并且 div 在 textarea 中可见时，其中有字母 f

Answer 1

$(document).keydown(function(event) {
    if(event.keyCode === 70) {
    $.("#myTextarea").css('display','block');
    $.('textarea').focus();
    return false;
}

基本上，您需要通过从函数返回 false 或调用 event.preventDefault() 来防止默认事件行为。

http://api.jquery.com/event.preventDefault/

Answer 2

试试这个：

$(document).keydown(function(event) {
if(event.keyCode === 70) {
$.("#myTextarea").val(" ");
$.("#myTextarea").css('display','block');
$.('textarea').focus();
}