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

Question

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

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

The thing is when i click f and the div is visible in the textarea there is letter f in it

Answer 1

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

Basically you need to prevent the default event behavior by return false from the function or calling event.preventDefault().

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

Answer 2

try this:

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