-
恋战 WhiteInte2017-08-20 00:00
- 11
- 42
- 0
<body>
<?php require_once '../php/header.php'; ?>
<div class="wrap" id="updata">
<input id="file" type="file" multiple="multiple"/>
<div class="float" v-if="float"> {{ more }} </div>
<div class="list">
<div class="tips" v-if="tips" v-on:click="selected">Please click <span>Add File</span> To Add The File</div>
<div class="progress">
<div class="quan">
<span></span>
<p class="text" id="progress"></p>
</div>
</div>
<ul class="file-list">
<li v-for=" ( l , index ) in list ">
<div class="element num" v-text=" getSerial(index) "></div>
<div class="element name" v-text=" getName(l.name) "></div>
<div class="element size" v-text=" getSize(l.size) "></div>
<div class="element type" v-text=" getType(l.name) "></div>
<div class="element del">Del</div>
<div class="element done">Done</div>
</li>
</ul>
</div>
<footer>
<div class="button">
<button class="add" v-on:click="selected">Add File</button>
<button class="del">Delete</button>
<button class="upload" v-on:click="upload">Done</button>
</div>
</footer>
</div>
</body>document.querySelector('#file').addEventListener('change',function () {
updata.tips = false;
var file = document.querySelector('#file');
updata.list = file.files;
console.log('已选择'+updata.list.length+'个文件');
var element = document.querySelectorAll('.element');
for ( var i=0;i<element.length;i++ ){
element[i].addEventListener('mouseover',function (e) {
updata.more = e.toElement.innerText;
updata.float = true;
})
element[i].addEventListener('mousemove',function (e) {
var x = Math.floor ( document.querySelector('.wrap').offsetLeft );
var y = Math.floor ( document.querySelector('.wrap').offsetTop );
x = e.pageX - x * 0.7 + 'px';
y = e.pageY - y * 0.8 + 'px';
document.querySelector('.float').style.transform = "translate("+ x +","+ y +")";
})
element[i].addEventListener('mouseout',function (e) {
updata.float = false;
updata.more = '';
})
}
if( file.files.length == 0 ){
updata.tips = true;
}
});如上代码，我不能成功地添加addEventListener事件
0
打赏
收藏
点击回答
您的回答被采纳后将获得：提问者悬赏的 11 元积分
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部