gpt4 book ai didi

javascript - 遇到从文档中丢失 jQuery 焦点 "onkeypress"的问题

转载 作者:行者123 更新时间:2023-11-28 05:04:53 25 4
gpt4 key购买 nike

我正在创建一个网站,需要在其中存储关键事件。

我一直通过

这样做
document.onkeypress = function(evt) {

然后我得到这些数据并按原样打印到 body 上。

$('body').html($('body').html() + ' evt.key);

在我开始在文本框或文本区域中输入内容之前,这确实有效。

每当我单击表单上的任意位置时,我都必须让 jQuery 从正文中失去焦点。

感谢您的回答:)

编辑

感谢 Xufox 和 Santi 的回答,我通过对 body 容器执行 onkeypress 操作解决了我的问题 <div id="container">然后将文本框打印到容器外。

最佳答案

因此,正如 Xufox 在评论中提到的,您正在重写整个 <body>每次按下一个键时,您的文档都会被打开。

那个<body>包括文本框/文本区域/等,因此通过重写正文,您实际上每次都会删除并重新创建这些文本框。

解决方案是在其他地方列出按键,而不是重写整个 <body>每次元素。在下面的示例中,我创建了一个 <div>称为“pressedKeys”,我用它来存储按键。

而不是重写整个内容 <body> ,我们只是重写 <div> 的内容:

<input type="text" placeholder="Type here"><br>
<div id="pressedKeys"></div>
var $pressedKeys = $("#pressedKeys");

document.onkeypress = function(evt) {
$pressedKeys.html($pressedKeys.html() + evt.key);
}

Example JSFiddle

关于javascript - 遇到从文档中丢失 jQuery 焦点 "onkeypress"的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41839592/

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