Board logo

標題: javascript問題 [打印本頁]

作者: bennetng    時間: 2013-10-19 21:15     標題: javascript問題

如果唔用任何 libraries, 唔用其他語言, 只用單一一個 html file, 有無方法可以令我響 'ans' 入完算式之後按 enter 就會出答案, 而唔需要按 check button 呢? thanks!
  1. <!DOCTYPE HTML>
  2. <HTML>
  3.         <HEAD>
  4.                 <TITLE></TITLE>
  5.         </HEAD>
  6.         <BODY>
  7.                 <input id='ans'></input><BR>
  8.                 <button id='check' onclick=Checker()>Check</button>
  9.                 <SCRIPT>
  10.                         function Checker(){
  11.                                 document.getElementById('ans').value=eval(document.getElementById('ans').value);
  12.                                 }
  13.                 </SCRIPT>
  14.         </BODY>
  15. </HTML>
複製代碼

作者: gamezz    時間: 2013-10-19 21:31

回復 1# bennetng

你開個 form + onsubmit
http://www.w3schools.com/jsref/event_form_onsubmit.asp
作者: bennetng    時間: 2013-10-19 21:50

OK thanks
作者: snoopy11hk    時間: 2013-10-19 21:52

onblur() textfield
http://www.w3schools.com/jsref/event_onblur.asp
作者: tuyylihk    時間: 2013-10-19 22:44

奇怪,點解樓上兩位答案有d奇怪...

唔係應該input加onkeydown咩
作者: KinChungE    時間: 2013-10-19 23:47

奇怪,點解樓上兩位答案有d奇怪...

唔係應該input加onkeydown咩
tuyylihk 發表於 2013-10-19 22:44


onkeydown要再check按左邊個掣
整張form onsubmit就唔使
作者: bennetng    時間: 2013-10-20 00:31

回復 6# KinChungE
可唔可以講下唔用 form 的話,  input 加 onkeydown 可以點用來 check 按左邊個掣? 我去w3school 都只係搵到呢個example, 無講點check, 即係按乜掣都會 trigger event
http://www.w3schools.com/jsref/t ... =tryjsref_onkeydown

唔用任何 libraries, 唔用其他語言, 只用單一一個 html file 的話可唔可以做到好似呢個 page 咁?
http://www.webonweboff.com/tips/js/event_key_codes.aspx

thanks 各位ching
作者: KinChungE    時間: 2013-10-20 00:34

回復 7# bennetng

<input type="xxxx" onkeydown="myFunction(event)" />

<script>
function myFunction(event) {
     if (event.keyCode == ???) { ..... }
}

keyCode係乜, 可以試試呢個
http://www.asquare.net/javascript/tests/KeyCode.html
作者: bennetng    時間: 2013-10-20 00:39

回復 8# KinChungE
唔該晒, 研究下先
作者: tuyylihk    時間: 2013-10-20 08:48

onkeydown要再check按左邊個掣
整張form onsubmit就唔使
KinChungE 發表於 2013-10-19 23:47

唔記得input text禁enter係按submit掣添

因為而家寫親都disable佢
作者: Charcoal99    時間: 2013-10-20 12:55

其實個網頁不算太複雜, 你用瀏覽器View Source功能已經可以看到Source Code,
除去大部份不相關表格,答案自然出來。 以下節錄自該網頁之code:

<td><label for="txtTest">Type in the box to raise event code message box:</label></td>
<td><input type="text" value="" id="txtTest" style="border: solid 1px Red;"/></td>
..........
window.onload = MyOnLoad;  
function MyOnLoad(){
    var txtBox = xGetElementById('txtTest');                                          
    txtBox.onkeydown=DisplayKeyCode;
}  
function DisplayKeyCode(event){        
    var ev=new xEvent(event);
    alert('Key code: ' + ev.keyCode);
}
作者: KinChungE    時間: 2013-10-20 15:05

唔記得input text禁enter係按submit掣添

因為而家寫親都disable佢
tuyylihk 發表於 2013-10-20 08:48


form onsubmit="return myFunction();"


function myFunction() {
.......
return false;
}





歡迎光臨 電腦領域 HKEPC Hardware (https://www.hkepc.com/forum/) Powered by Discuz! 7.2