使用输入和添加事件监听器更改背景色

时间:2019-05-23 17:54:16

标签: input background-color addeventlistener

在html中创建输入。 用户将在输入中输入颜色,当单击输入时,背景将采用您输入的颜色 如果按键进行擦除,则颜色应再次变为白色。

<body>

                <input type="text"   name="name">


            </body>


    <script>

   document.querySelector("input").addEventListener("keydown", function(e){ document.body.style.backgroundColor=e.target.color
})



</script>
</body>

我希望每当我在输入中添加颜色时,背景就会改变。

0 个答案:

没有答案