html界面选择按钮没法取消,如何使用JavaScript取消选择按钮

我有一个用户应该点击上传文件的按钮：

window.URL = window.URL || window.webkitURL;

var button = document.getElementById("button"),

fileElem = document.getElementById("fileElem"),

fileList = document.getElementById("fileList");

button.addEventListener("click", function (e) {

if (fileElem) {

fileElem.click();

}

e.preventDefault();

}, false);

function handleFiles(files) {

if (!files.length) {

fileList.innerHTML = "

No files selected!

} else {

fileList.innerHTML = "";

for (var i = 0; i < files.length; i++) {

var videoFile = document.createElement("video");

videoFile.setAttribute("id", "recording");

videoFile.src = window.URL.createObjectURL(files[i]);

videoFile.height = 240;

videoFile.width = 320;

videoFile.setAttribute("controls", true);

videoFile.onload = function() {

window.URL.revokeObjectURL(this.src);

}

fileList.appendChild(videoFile);

}

然后用户应该使用空格键暂停/播放视频.我的问题是在用户点击按钮后,按钮保持单击状态,因此当他或她按下空格键时,再次按下该按钮.要解决此问题,用户必须单击屏幕上的其他位置(按钮除外),然后空格键将用于暂停/播放视频.但我不希望用户点击其他地方.所以我尝试使用JS单击span元素,但它不起作用：

document.getElementById("spanElement").click();

此单击应该模拟用户在屏幕上的单击,但它不起作用,因为当按下空格键时,单击该按钮.

有什么建议可以解决吗？

谢谢

html界面选择按钮没法取消,如何使用JavaScript取消选择按钮相关推荐

HTML5响应式手机模板：电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript...
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 h ...
Javascript 取消超级链接效果
Javascript取消链接效果 <a href="javascript:void(0)">测试链接</a>
selenium(Chrome)测试 ---“无界面”+“免登陆”+“禁图片加载”+“取消浏览器受软件测试提示”
from selenium import webdriveroption = webdriver.ChromeOptions()# 1.无头/无界面浏览器 option.add_argument(&q ...
HTML5响应式手机模板：电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 h ...
怎么取消计算机的用户名和密码怎么设置密码,怎么取消电脑开机密码取消电脑开机密码方法介绍...
取消电脑开机密码教程, 在进入电脑桌面之前,可以设定一个开机密码,来限定使用者进入,设好后都会出现一个用户电脑登录界面,要求输入用户名与密码,只有正确输入,才能使用电脑,加大了系统的安全性,保护了个人 ...
Win11系统怎么取消登录密码 Win11取消登录密码图文教程
虽然很多用户升级了Win11系统,但是和Win10系统一样,如果电脑设置了密码之后,每次开机还是需要输入密码才能进入桌面.我们设置密码是为了防止陌生人开机就可以进入桌面,但是自己每次进入桌面也要输入密 ...
计算机报名成功后还可以取消吗,【造价工程师报名信息确认后可以取消吗？如何取消？】- 环球网校...
[摘要]2017年造价工程师考试报名预计从7月开始,许多小伙伴还对造价工程师报名时遇到的一些问题存在疑问,比如造价工程师报名信息确认后可以取消吗?如何取消?以下是小编给各位整理的答案. 问:造价工程师 ...
duet连win10,duetdisplay这个软件在win10上用不了？安装vs2015的时候想取消安装没有点取消...
暑假的时候,电脑是win7,这个软件用的起来.前几天换了win10.然后重新下载了这个软件就用不起来了,求大神解答一下,谢谢. 嘿,谢谢你的文件.这个问题与我们的最新版本有关,并且与我们所经历的NVI ...
哔哩哔哩android课程,哔哩哔哩连续包月大会员怎么取消？苹果安卓取消连续包月方法...
哔哩哔哩是国内知名的弹幕视频网站,用户也是有很多的,当你在开通会员服务时,可以开月卡.季卡.年卡,有一些小伙伴开通的是连续包月优惠套餐,那么哔哩哔哩连续包月大会员怎么取消呢?下面智能手机网就来和大家介 ...

html界面选择按钮没法取消,如何使用JavaScript取消选择按钮

html界面选择按钮没法取消,如何使用JavaScript取消选择按钮相关推荐

最新文章

热门文章