主页 / 问题 / 678226
Accepted
Alexey Giryayev
Asked:2020-06-12 16:31:49 +0000 UTC2020-06-12 16:31:49 +0000 UTC

跟踪输入内容变化的事件

  • 772

正如标题所暗示的那样，这个问题并不典型。有一个文本input，其中插入了指向用户头像的链接。链接是从在新窗口中打开的表单插入的（里面有一个 iframe，无法编辑）。事件.on，.live结果.change是力不从心。

这是原则本身：

在此处输入图像描述

还有其他方法可以检查或更改字段的内容吗？

最小的例子：

setTimeout("$('#test').val('link')", 1000);
$('#test').change(function(){alert('Элемент был изменен.');});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="test" type="text">

javascript

1 个回答

  1. Best Answer

    // есть текстовый инпутъ
const input = document.getElementById("input");
// куда вставляется
setTimeout(() => input.value = 'какая то шляпа', 777);
// И никак не поймать событиями..
input.addEventListener('change', () => {console.log('triggered');});    
input.addEventListener('input', () => {console.log('triggered');});
// Но можно контролировать доступ к value, если его переназначить
Object.defineProperty(input,"value",{
    get(){
        return this.getAttribute("value");
    },
    set(value){
        console.log("Поймал", value);
        this.setAttribute("value",value);
    }
});
    <input id="input" />

    • 2

相关问题