javaScript input获取值冲突问题

最新推荐文章于 2023-05-12 13:44:41 发布

lxdhwz

最新推荐文章于 2023-05-12 13:44:41 发布

阅读量285

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/lxdhwz/article/details/117201299

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

不要写多余的代码，掉坑里了，真坑。

你知道谁是最后触发的吗？

<body>
    <input type="text" name="" id="">
</body>
<script>
var input1=document.getElementsByTagName("input")[0];
// 失去焦点时触发
input1.addEventListener("change",function(){
    var c="change:"+input1.value;
    console.log(c);
})
var kepd="";
function getKey(i) {
    console.log(i);
}
// 通过循不断判断值的改变 当值不同时触发 
var adin = setInterval(function () {
    if (input1.value !== kepd) {
        kepd = input1.value;
        var b="set:"+kepd;
        getKey(b);
    } else {
        clearInterval = adin;
    }
}, 1000)
</script>

有焦点时：

在这里插入图片描述

失去焦点时：

在这里插入图片描述

总结：你先要知道谁是最后一个执行操作的代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lxdhwz

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript input获取值冲突问题

不要写多余的代码，掉坑里了，真坑。你知道谁是最后触发的吗？<body> <input type="text" name="" id=""></body><script>var input1=document.getElementsByTagName("input")[0];// 失去焦点时触发input1.addEventListener("change",function(){ var c="change:"+input1.va
复制链接

扫一扫