var event = new Event('input')不生效

jmjiafan

<div class="mt-select" data-item-editable="true" data-listener="true" data-has-val="true" data-enter-empty="true">

    <input class="mt-input nop-ctrl mt-valdate__error" id="nop_fieldd_102_16" data-validate-type="3-1"
        data-validate-rules="requiredTrim" data-validate-name="隐患一级细分" data-rulename-requiredtrim="" placeholder=""
        style="" value="" autocomplete="off" data-item-value="" title="">

    <i class="mt-validate__error-icon" style="top: 0px; left: 0px;"></i>

    <div class="mt-select__input-arrow">
        <div class="mt-select__input-arrowi"></div>
    </div>
    <div class="mt-select__s-panel" style="position: fixed;">

        <a class="mt-select__s-close"></a>

        <div class="mt-select__s-panel-content">

            <ul class="mt-select__s-panel-ul">

                <li class="mt-select__s-panel-li " data-item-value="管线隐患">

                    <a style="display:none;" pinyin-abbr="GXYH">GUANXIANYINHUAN</a>

                    <span class="mt-select__s-panel-litext">管线隐患</span>
                </li>

                <li class="mt-select__s-panel-li " data-item-value="配套隐患">

                    <a style="display:none;" pinyin-abbr="CHSHPTYH">CHUANSHUPEITAOYINHUAN</a>

                    <span class="mt-select__s-panel-litext">配套隐患</span>

                </li>

            </ul>
        </div>
    </div>
</div>

var event = new Event('input');
document.querySelector('input[data-validate-name="隐患一级细分"]').value="管线隐患";
document.querySelector('input[data-validate-name="隐患一级细分"]').dispatchEvent(event)
setTimeout(500)

李恒道

[油猴脚本开发指南]元素规则校验和检测的触发
https://bbs.tampermonkey.net.cn/thread-1250-1-1.html
要自己调他都监听了什么监听器
并且按顺序触发的
可以参考文章我是如何推导element的事件顺序的

wwwwwllllk

专门把触发事件放到一个方法里面，直接把dom元素传入就可以。但是我们使用的时候要灵活点。有些时候触发下面这些事件不是一次性触发的。比如onChange.  我可能是先focus以后。一断时间才可以触发onChange

1. const triggerInput = (dom) => {
   
2.     let myFocus = new Event('focus')
   
3.     let myInput = new Event('input')
   
4.     let myChange = new Event('change')
   
5.     let myBlur = new Event('blur')
   
6.     dom.dispatchEvent(myFocus)
   
7.     dom.dispatchEvent(myInput)
   
8.     dom.dispatchEvent(myChange)
   
9.     dom.dispatchEvent(myBlur)
   
10.   }

复制代码

李恒道

wwwwwllllk 发表于 2022-12-31 16:40
专门把触发事件放到一个方法里面，直接把dom元素传入就可以。但是我们使用的时候要灵活点。有些时候触发下 ...

也是一个很好的想法