Javascript - 如何使用数组中的元素设置按钮的值?

标签 javascript html button on-screen-keyboard

<html>
<body>
<script type="text/javascript">
    var key = [["q","w","e","r","t","y","u","i","o","p"], ["a","s","d","f","g","h","j","k","l"], ["z","x","c","v","b","n","m"]];
</script>
<table>
    <tr>
       <td><input type = 'button' value = "key[0][1]" /></td>;
    </tr>
</table>
</body>
</html>

这是上面的一个小例子,但我基本上正在制作一个屏幕键盘,并且我已经有了定位按钮的循环,但是在我的循环中,我尝试与上面的代码类似地分配每个键的值,但是它不是为每个键打印 q w e r ty ,而是为每个按钮打印 key[row][col] 。如何使用与上述类似的方法让字母出现在按钮上?

最佳答案

下面的代码生成您期望的键盘布局:

<html>
<head>
<script type="text/javascript">
var key = [["q","w","e","r","t","y","u","i","o","p"], ["a","s","d","f","g","h","j","k","l"], ["z","x","c","v","b","n","m"]];
</script>

<body>
<script type="text/javascript">
for(var i = 0; i < key.length; i++)
{
    document.write("<div>");
    for(var j = 0; j < key[i].length; j++)
    {
       document.write("<input type='button' value='" + key[i][j] + "'/>");
    }
    document.write("</div>");
}
</script>
</body>
</html>

enter image description here

唯一的事情是第二行和第三行应该向右移动一点,看起来像真正的键盘。为此,我们可以对 div 标签进行填充。希望这对您有帮助。

关于Javascript - 如何使用数组中的元素设置按钮的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20060915/

相关文章:

javascript 回调 - 如何使用回调

javascript - 常量 setInterval 如何影响页面功能(是否会减慢响应时间或损害用户命令等)?

html - 如何使用 flexbox 在右侧显示元素列表?

java - 如何缩放 .JPEG 以适应位于 GridView 中的按钮?

android - 以编程方式创建按钮问题

javascript - 为什么我的函数在不应该被调用的时候被调用了?

javascript - 按搜索查询过滤数组

html - 如何对齐 "Click here"旁边的图标?

javascript - jQuery - 表单验证是迟到的一件事

html - 按钮元素内的填充不可移动