Question

我们有26个函数来捕获26个字母按钮的动作。是否可以通过使用一些特殊技巧将26个函数简化并组合成一个函数？我们给出了前面的3个例子。

function myFunctiona() {
    var x = document.getElementById("myBtn_Q").value;
    document.getElementById("edit_area").focus();
    y=keyprocessing(x);
}
function myFunctionb() {
    var x = document.getElementById("myBtn_W").value;
    document.getElementById("edit_area").focus();
    y=keyprocessing(x);
}

function myFunctionc() {
    var x = document.getElementById("myBtn_E").value;
    document.getElementById("edit_area").focus();
    y=keyprocessing(x);
}

感谢任何帮助！

BTW：我使用的是函数参数，但卡在某个地方。代码如下。

<input type="button" id="myBtn_Q" onclick="myFunctionq('myBtn_Q')" value="q"> 
<input type="button" id="myBtn_W" onclick="myFunctionw('myBtn_W')" value="w">
<input type="button" id="myBtn_E" onclick="myFunctione('myBtn_E')" value="e">
function myFunctionTest(a){    
    var x = document.getElementById(a).value;
    alert(x);
    document.getElementById("edit_area").focus();
    y=keyprocessing(x);    
}

Answer 1

<input type="button" id="alphabet-button" value="a"/>   


 document.getElementById('alphabet-button').addEventListener('click', function (e) {
   var x = e.target.value;
   alert(x);
   document.getElementById("edit_area").focus();
   y=keyprocessing(x);  
 });

如何简化详细的getElementById命令

1 个答案: