亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue中的主動(dòng)觸發(fā)點(diǎn)擊事件

 更新時(shí)間：2022年04月22日 09:48:43   作者：Withered Wood  
這篇文章主要介紹了vue中的主動(dòng)觸發(fā)點(diǎn)擊事件，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

主動(dòng)觸發(fā)點(diǎn)擊事件

由vue代碼觸發(fā)點(diǎn)擊事件，實(shí)現(xiàn)的效果是：點(diǎn)擊按鈕，觸發(fā) <input> 輸入框點(diǎn)擊事件，從而實(shí)現(xiàn)選擇文件。

示例如下：

<template>
? ? <input type="file" id="input-upload-file" ref="selectFiles" multiple="multiple">
? ? <el-button class="operation-button-select" @click="handleButtonSelected">選擇文件（可多選）</el-button>
</template>
<script>
?
? ? export default {
? ? ? ? name: 'HomePage',
? ? ? ? methods: {
? ? ? ? ? ? // 按鈕點(diǎn)擊事件
? ? ? ? ? ? handleButtonSelected() {
? ? ? ? ? ? ? ? // 主動(dòng)觸發(fā)點(diǎn)擊事件
? ? ? ? ? ? ? ? this.$refs.selectFiles.dispatchEvent(new MouseEvent('click')); ??
? ? ? ? ? ? },
? ? ? ? }
? ? }
</script>

如何自動(dòng)觸發(fā)點(diǎn)擊事件

? ?// 兩秒后模擬點(diǎn)擊
setTimeout(function() {
? ? // IE
? ? if(document.all) {
? ? ? ? document.getElementById("desc1").click();
? ? }
? ? // 其它瀏覽器
? ? else {
? ? ? ? var e = document.createEvent("MouseEvents");
? ? ? ? e.initEvent("click", true, true);
? ? ? ? document.getElementById("desc1").dispatchEvent(e);
? ? }
}, 1000);

desc1為元素的id，額外寫(xiě)上點(diǎn)擊這個(gè)id會(huì)觸發(fā)的事件。1s后就會(huì)執(zhí)行

模擬點(diǎn)擊下載文件、圖片

var url = 'http://192.168.10.133/www/xunzhanMob/logo.jpg';
?? ? ? ? ?var a = document.createElement('a');
?? ? ? ? ?console.log(a)
?? ? ? ? ?var event = new MouseEvent('click');
?? ? ? ? ?a.download = '';
?? ? ? ? ?a.href = url;
?? ? ? ? ?a.dispatchEvent(event);

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論