<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>扩展 - 监听输入框值的变化</title>
</head>
<body>
<input type="text" />
</body>
<script>
// oninput :事件,监听输入框值的变化
document.querySelector("input").oninput = function () {
// 如何拿到用户输入的值呢?输入框.value
console.log(this.value);
// 扩展:trim():字符串.trim() 去除字符串两边的空格
};
// 扩展:indexOf()匹配关系
// 字符串中:一定有 '' 空字符串,一定可以匹配到
console.log("abc".indexOf("")); // 0 永远成功且为 0
// 一般不会用空字符串去查数据:需要判定
</script>
</html>
JavaScript -webAPI - DOM操作 - 案例 - 监听输入框值的变化
最新推荐文章于 2024-01-10 23:31:41 发布