本文主要介绍vue中的主动触发点击事件，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

如何自动触发点击事件，模拟点击下载文件和图片。

主动触发点击事件

点击事件由vue代码触发，效果是：点击按钮触发输入输入框的点击事件，从而选择文件。

示例如下：

模板

输入类型=' file ' id=' input-upload-file ' ref=' select files ' multiple=' multiple '

El-button class=' operation-button-select ' @ click=' handle button selected '选择文件(允许多选)/el-button

/模板

脚本

导出默认值{

名称：'主页'，

方法：{

//按钮单击事件

handleButtonSelected() {

//主动触发点击事件

这个。$ refs . select files . dispatch event(new mouse event(' click '))；

},

}

}

/脚本

如何自动触发点击事件

//模拟两秒钟后的滴答声

setTimeout(function() {

//IE

if(document.all) {

document.getElementById('desc1 ')。单击()；

}

//其他浏览器

否则{

var e=document . create event(' mouse events ')；

e.initEvent('click '，true，true)；

document.getElementById('desc1 ')。调度事件(e)；

}

}, 1000);

Desc1是元素的id，点击这个id触发的事件是另外写的。它将在1s后执行。

模拟点击下载文件、图片

var URL=' http://192 . 168 . 10 . 133/www/xunzhanMob/logo . jpg '；

var a=document . createelement(' a ')；

console.log(a)

var event=new mouse event(' click ')；

a . download=“”；

a.href=url

a.dispatchEvent(事件)；

以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。