gpt4 book ai didi

javascript - 使表单在 keydown 事件上可见,然后聚焦并清除输入字段

转载 作者:行者123 更新时间:2023-11-28 15:21:16 26 4
gpt4 key购买 nike

我有一个表格,其中的单元格接受键盘事件。我还有一个最初隐藏的表格。我想要一个键事件来显示表单并聚焦在输入字段上,但是当我这样做时,触发该事件的键值出现在输入字段中 - 我怎么能不显示这个字符呢? (例如,按“x”,表单的文本字段中将显示“x” - 我希望该字段为空)。

CSS

table.thistbl td {
border: 2px solid black;
width: 20px;
height: 20px;
padding: 5px;
}

#formid {
display: none;
position: absolute;
width: 300px;
height: 40px;
left: 20px;
top: 60px;
background-color: #CCC;
}

JavaScript/jQuery:

$(function() {

$('#tablediv').on('keydown', 'td', function(e) {
$('#formid').show();
$('#inputid').focus();
});

});

HTML:

<div id="tablediv">
<table class="thistbl">
<tr>
<td tabindex="0"></td>
<td tabindex="0"></td>
<td tabindex="0"></td>
</tr>
</table>
</div>

<form id="formid">
<input type="text" tabindex="1" id="inputid" />
</form>

Fiddle

最佳答案

尝试使用 keyup 而不是 keydown

Fiddle here

关于javascript - 使表单在 keydown 事件上可见,然后聚焦并清除输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31317920/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com