在 Safari Mac 上触发 "ENTER" 键上的按钮
Trigger a button on "ENTER" key on Safari Mac
我有一个搜索框,我使用以下 JS 在 ENTER 键上触发按钮:
Javascript
var input = document.getElementById("s");
input.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("searchsubmit").click();
}};
除了 Mac 上的 Safari 之外,它在所有浏览器上都运行良好。
不兼容?
建议使用event.code而不是event.keyCode
More documentation here
keyCode 已被弃用,可能无法在所有浏览器中正常工作。
var input = document.getElementById("s");
input.addEventListener("keyup", function(event) {
if (event.code === 'Enter') {
console.log('ENTER');
}
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input id="s">
</body>
</html>
我有一个搜索框,我使用以下 JS 在 ENTER 键上触发按钮:
Javascript
var input = document.getElementById("s");
input.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("searchsubmit").click();
}};
除了 Mac 上的 Safari 之外,它在所有浏览器上都运行良好。
不兼容?
建议使用event.code而不是event.keyCode More documentation here
keyCode 已被弃用,可能无法在所有浏览器中正常工作。
var input = document.getElementById("s");
input.addEventListener("keyup", function(event) {
if (event.code === 'Enter') {
console.log('ENTER');
}
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input id="s">
</body>
</html>