javascript - jquery对应键盘按下播放音乐？按别的键会报错？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - jquery对应键盘按下播放音乐？按别的键会报错？

ringa_lee 2017-04-11 10:28:47

[JavaScript讨论组]

781

想实现键盘按下播放不用音乐功能？字母全部大写
按下ASD....这些都有反应，但是当我按下别的字母时就会报错index.html:90 Uncaught TypeError: Cannot read property 'play' of undefined如何解决？

if(audio)那里应该已经判断了，没有的话就会直接return；为什么还会执行下面的play?

另外一点为什么会打印5次动画结束？

ringa_lee

全部回复(2)

迷茫2017-04-11 10:30:47 2楼

报错是因为 audio 没取到对应按键的 audio。audio[0].play()即为undefined.play()。应该是报的这个错误吧。
然后我试了一下jQuery没获取到的话，jQuery对象也不是空。转化为布尔值是true。

测试了一下 border会触发4次transitionend;
scale会触发1次transitionend;
然后边框出现和放大时的过渡会触发transitionend;
$(this).removeClass("border")时也会触发transitionend;
所以一共是10次;

期待有人能解释下为什么border会触发4次transitionend(☆▽☆)

赞 +0

添加回复

PHP中文网2017-04-11 10:30:47 1楼

接一楼的：

border-top、border-bottom、border-left、border-right都会触发。。。

通过jquery绑定事件不知道获取不到propertyName属性、不知道为什么。。。

var list = Array.from(document.getElementsByClassName("key"));

list.forEach(function(ele){
   //通过jquery绑定事件不知道获取不到propertyName属性、不知道为什么。。。
   ele.addEventListener("transitionend",function(e){
        console.log("动画结束",e.propertyName);
   });
});

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>