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

文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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

ringa_lee 2017-04-11 10:28:47

558

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

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

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

    Document 
    
 
A
 clap0
 
  
S
 clap1
 
  
D
 clap2
 
  
F
 clap3
 
  
G
 clap4
 
  
H
 clap5
 
  
J
 clap6
 
  
K
 clap7
 
  
L
 clap8

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

新增回覆

洪涛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

新增回覆