更改單擊在JavaScript

到按鍵我從here 下載的HTML5音頻播放器源，我想改變播放器是從點擊到按鍵控制方式。更改單擊在JavaScript

在js文件，我發現這一點：

// play click 
    $('.play').click(function (e) { 
     e.preventDefault(); 

     playAudio(); 
    });

，我試圖實現這一點，但沒有奏效：

document.onkeydown = function(e) { 
if (e.keyCode == 78) { 
    e.preventDefault(); 

     playAudio(); 
    }};

我怎樣才能得到這個工作？

來源

2017-05-07 Daddi Al Amoudi

試試這個

document.onkeypress = function(e) { 
    if (e.keyCode == 78) { 
      e.preventDefault(); 
      playAudio(); 
    } 
};

來源

2017-05-07 08:42:39

沒有進行測試，但你可以試試這個

document.body.onkeydown = function(e) { 
    //rest of the code 
};

來源

2017-05-07 08:39:36 brk

改變你的代碼

$('.play').keydown(function (e) { 
    e.preventDefault(); 

    playAudio(); 
});

這將工作

來源

2017-05-07 08:42:23 Anshul

window.addEventListener("keydown", yourFunction, false); //listen to any keydown 
 

 
function yourFunction(e) 
 
{ 
 
if (e.keyCode == "65") 
 
{ 
 
    alert("The 'a' key is pressed."); 
 
} 
 
}

來源

2017-05-07 08:43:54 Sylogista

儘管此代碼可能會回答問題，但提供有關爲何和/或此代碼如何回答問題的其他上下文會提高其長期價值。 –

你需要的是.onkeypress。

假設playAudio，你可以效仿的jQuery是做如下：

var elements=document.querySelectorAll('.play'); 
for(var i=0;i<elements.length;i++) elements[i].onkeypress=function(e) { 
    if(e.keyCode!=78) return; 
    playAudio(); 
    e.preventDefault(); 
}

如果你確定只會有一個這樣的元素，你可以寫：

document.querySelector.onkeypress=function(e) { 
    if(e.keyCode!=78) return; 
    playAudio(); 
    e.preventDefault(); 
}

來源

2017-05-07 08:44:29 Manngo

這裏是你的工作演示：

https://jsfiddle.net/milanchheda/b478atu0/1/

HTML：

<div class="containerClass"> 
    <input type="text" class="inputClass" /> 
</div>

jQuery代碼：

$(".containerClass").on('keydown', '.inputClass', function() { 
    alert("keydown..."); 
});

來源

2017-05-07 08:50:52

謝謝大家。我感謝你的幫助。在清除瀏覽器cookie後，我的實現很好地工作。

來源

2017-05-07 10:36:38

更改單擊在JavaScript

回答

相關問題