input值变动自动触发事件

最新推荐文章于 2023-05-29 17:19:08 发布

火星第一帅

最新推荐文章于 2023-05-29 17:19:08 发布

阅读量5.9k

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/KungLun/article/details/88873445

版权

js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html>

<head>

<title>自动改变颜色</title>

</head>

<body>

<div id="changeColor">我是要变色的区域</div>

var input = document.getElementById('demo');

var onchange = function () {

var changeColor = document.getElementById('changeColor');

changeColor.style.backgroundColor = "red";//这里是你要设置的颜色位置

};

document.getElementById('demo').value = '这里接受你从服务端拿过来的变化的value值';

onchange();

</script>

</body>

</html>

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>自动改变颜色</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <input type="text" id="demo" />
    <div id="changeColor">我是要变色的区域</div>
    <script>
        var input = document.getElementById('demo');
        var onchange = function () {
            var changeColor = document.getElementById('changeColor');
            changeColor.style.backgroundColor = "red";//这里是你要设置的颜色位置
        };
        document.getElementById('demo').value = '这里接受你从服务端拿过来的变化的value值';
        onchange();


    </script>
</body>

</html>

火星第一帅

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
input值变动自动触发事件

<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>自动改变颜色</title><meta name="vie...
复制链接

扫一扫