gpt4 book ai didi

javascript - 为什么输入类型 ='file' 不派发事件?

转载 作者:行者123 更新时间:2023-11-30 21:00:35 24 4
gpt4 key购买 nike

为什么这个简单的例子不起作用?:

<input id="image" type="file"/>
<img src='https://cdn.elegantthemes.com/blog/wp-content/uploads/2015/02/custom-trackable-short-url-feature.png' onclick='imageLoad()'></img>
<script>
function imageLoad() {
let ev = new Event('click', {bubbles: true});
image.dispatchEvent(ev);
}
</script>

最佳答案

某些安全隐患适用是正确的,但根据您的目标,如果您将 Event 构造函数更改为 MouseEvent,它将在此示例中起作用。

...
<body>
<input id="image" type="file" />
<img id="handle" src="https://cdn.elegantthemes.com/blog/wp-content/uploads/2015/02/custom-trackable-short-url-feature.png" />
<script>
let handle = document.getElementById('handle');
handle.addEventListener('click', imageLoad, false);

function imageLoad() {
let ev = new MouseEvent('click', {bubbles: true});
image.dispatchEvent(ev);
}
</script>
...

关于javascript - 为什么输入类型 ='file' 不派发事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47175572/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com