js实时监听input输入框值的变化
在JavaScript中,可以使用input
元素的oninput
事件来实时监听输入框值的变化。以下是一个简单的例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Input Event Example</title>
<script>
function handleInputChange(event) {
console.log(event.target.value);
}
</script>
</head>
<body>
<input type="text" oninput="handleInputChange(event)" placeholder="Type something here...">
</body>
</html>
在这个例子中,每当用户在输入框中输入或更改文本时,都会触发handleInputChange
函数,并将输入框的当前值记录到控制台。
评论已关闭