html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<textarea name="" id="a" cols="30" rows="10"></textarea>
<textarea name="" id="b" cols="30" rows="10"></textarea>
<textarea name="" id="c" cols="30" rows="10"></textarea>
</body>
</html>
js
const first = document.getElementById("a");
const second = document.getElementById("b");
const third = document.getElementById("c");
first.addEventListener("input", () => {
second.value = first.value;
});
second.addEventListener("change", () => {
console.log("work!!")
third.value = second.value;
});
codepen -> https://codepen.io/dmgpgdmgpg/pen/NWRxVbg?editors=1111
第一 -> 第二可以，但第二 -> 第三不行
因为当用户提交对元素值的更改时，将针对 input、select 和 textarea 元素触发 Change 事件。（MDN）
如何在第一个文本区域更改后检测第二个文本区域的更改？
我想从第一传递到第二，第二到第三（不是第一 -> 第三）
偶然的你
相关分类