上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

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

[复制链接]

该用户从未签到

1

主题

1

回帖

6

积分

助理工程师

积分
6
发表于 2022-12-31 12:14:42 | 显示全部楼层 | 阅读模式
悬赏2油猫币未解决
<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)

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-12-31 14:20:23 | 显示全部楼层
    [油猴脚本开发指南]元素规则校验和检测的触发
    https://bbs.tampermonkey.net.cn/thread-1250-1-1.html
    要自己调他都监听了什么监听器
    并且按顺序触发的
    可以参考文章我是如何推导element的事件顺序的
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    2023-11-2 17:37
  • 签到天数: 275 天

    [LV.8]以坛为家I

    107

    主题

    438

    回帖

    944

    积分

    荣誉开发者

    积分
    944

    荣誉开发者油中2周年卓越贡献生态建设者

    发表于 2022-12-31 16:40:04 | 显示全部楼层
    专门把触发事件放到一个方法里面,直接把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.   }
    复制代码
    I frequently record, because want to leave something.
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

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

    也是一个很好的想法
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表