嗨,我试图使是这样,当你按回车键,而重点是在JavaScript输入

However它不起作用,但给我这个信息:

X script.js:163 Uncaught TypeError:无法读取null的属性(正在读取"addEventListener")

以下是输入:

<input type="search" id="in1" class="form-control">

Note:I‘使用 bootstrap

这是我try 过的代码:

document.getElementById("in1").addEventListener("keypress",callSearchDB);

这是callSearchDB()函数:

function callSearchDB(e) {
    console.log(e);
}

为什么它不起作用

推荐答案

try DOMContentLoaded,这样您就可以确保在运行您的JavaScript之前,您的HTML文档已被完全解析.

document.addEventListener("DOMContentLoaded", () => {
  document.getElementById("in1").addEventListener("keypress", callSearchDB);
});


function callSearchDB(e) {
  if (e.keycode === 13 || e.key === 'Enter') {
    console.log('entered')
  }
}
<input type="search" id="in1" class="form-control">

Javascript相关问答推荐

无法将nPM simplex-noise包导入在JS项目中工作

获取加载失败:获取[.]添加时try 将文档添加到Firerestore,Nuxt 3

RxJS setTimeout操作符等效

如何最好地从TypScript中的enum获取值

如何禁用附加图标点击的v—自动完成事件

colored颜色 检测JS,平均图像 colored颜色 检测JS

构造HTML表单以使用表单数据创建对象数组

无法检测卡片重叠状态的问题

Html文件和客户端存储的相关问题,有没有可能?

如果Arrow函数返回函数,而不是为useEffect返回NULL,则会出现错误

对网格项目进行垂直排序不起作用

环境值在.js文件/Next.js中不起作用

在不删除代码的情况下禁用Java弹出功能WordPress

每次重新呈现时调用useState initialValue函数

如何找到带有特定文本和测试ID的div?

在JS/TS中将复杂图形转换为数组或其他数据 struct

我怎样才能点击一个元素,并获得一个与 puppeteer 师导航页面的URL?

需要RTK-在ReactJS中查询多个组件的Mutations 数据

无法在Adyen自定义卡安全字段创建中使用自定义占位符

打字脚本中的函数包装键入