请教一个 js 问题，为什么这个 input 会在鼠标滑走后里面的值立即消失了，我想给 input 强行输入内容

[gelilaohuang]

用在油猴脚本里，我试了很多网页的 input 都可以直接通过.value 去赋值，但遇到一个字节的后台就是赋不进去，请大触指点

$(document).on('mouseenter', "input[placeholder='Enter ID']", function () {
    let ele = $(this).get()
    tEvent(ele, "click");
    tEvent(ele, "input");
    ele.value = 123456789;

    tEvent(ele, "keyup");
    tEvent(ele, "change");
    // tEvent(ele, "blur");
})

function tEvent (e, evType) {
    if (e) {
        window.newhtmlevents = window.newhtmlevents || document.createEvent("HTMLEvents");

        newhtmlevents.initEvent(evType, true, true);
        return e.dispatchEvent(newhtmlevents)
    }
}

[QUC062IzY3M1Y6dg]

下面报错，改成这样可以正常运行

if (e) {
$(e).trigger(evType);
}

[gelilaohuang]

@shuxhan 改成 trigger 也一样，好像遇到疑难杂症了一样，鼠标一滑在表格上里面值就被清空了，我录了个视频演示
https://imgur.com/a/LHsBRuw

[QUC062IzY3M1Y6dg]

@gelilaohuang 我没理解，点击的时候赋值 value 进去了，然后你又写了一个鼠标悬浮事件是赋值 vlaue
现在没搞明白你的 mouseenter 是做什么用的，可以加我私聊现在有点闲 emlzaHVtZQ==

[chingyat]

react 的受控组件也可以这么操作吗？

[corcre]

是不是控件数据不是在 dom 里面而是另外定义的变量去记录的, 然后 hover 的时候按照内存里面的数据把 dom 刷新了, 不然这里看不到有什么动作会触发清空这个操作

[chingyat]

这个网页是用 react 写的吗？

[gelilaohuang]

@chingyat 盲猜是的，或者有没有搞 tiktok 商家后台的同学来说一下你们这个要在前台怎么赋值

[gelilaohuang]

@corcre 尝试清掉 table 、tr 的所有事件，仍然无果放弃😄

[chingyat]

可以试下这个： https://github.com/facebook/react/issues/11488#issuecomment-347775628

[lisxour]

很明显这个 input 双向绑定了

[gelilaohuang]

@chingyat 谢谢，我一会儿尝试下看看结果再来反馈

[Doctorwu]

看上去是鼠标放上去触发 re-render 了, 然后 Input 的值被清除回了内存中保存的变量

[wangtian2020]

试试看把完整流程都写进脚本里：聚焦输入框、输入值、取消聚焦

[gelilaohuang]

```
function setNativeValue (element, value) {
// Get the original value setter of the element
let nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
// Set the new value using the native setter
nativeInputValueSetter.call(element, value);
// Create a new input event with the target element and bubbles flag
let event = new Event("input", { target: element, bubbles: true });
// Add a simulated flag to the event for React 15 compatibility
event.simulated = true;
// Dispatch the event to the element
element.dispatchEvent(event);
}
```
用这个搞定了，感谢大家的关注

[realJamespond]

绑定的模拟输入吧，触发 onchange 事件赋值