js實現的按鈕響應點選回車事件

admin發表於2017-03-24
JS事件

本章節介紹一下一個程式碼例項，能夠實現一個按鈕響應點選回車按鈕事件。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onload=function(){
  var obt=document.getElementById("bt");
  var oshow=document.getElementById("show");
  obt.onclick=function(){
    oshow.innerHTML="螞蟻部落";
  }
  document.onkeydown=function(ev){
    var ev=window.event||ev;
    if(ev.keyCode==13){      
      obt.click();
    }  
  }
}
</script> 
</head> 
<body> 
<div id="show"></div> 
<input type="button" id="bt" value="檢視效果"/>
</html>

上面的程式碼，點選回車既可以觸發事件，程式碼比較簡單這裡不多介紹了。

相關閱讀:

1.innerHTML屬性可以參閱js innerHTML一章節。

2.onkeydown事件可以參閱javascript keydown 事件一章節。

3.var ev=window.event||ev可以參閱var ev=window.event||ev的作用是什麼一章節。

4.keyCode可以參閱javascript keyCode 屬性一章節。 

相關文章