Javascript 一种更优雅的方式来更改我的div的值？_Javascript_Html_Keystroke

Javascript 一种更优雅的方式来更改我的div的值？

javascript html

Javascript 一种更优雅的方式来更改我的div的值？,javascript,html,keystroke,Javascript,Html,Keystroke,好的，我需要做的是当按键时改变屏幕上的一些数字，我让它工作，但我不满意我有一个输入字段和一个div，当输入字段的值发生变化时，它会被更新。我这样做是为了不受输入字段闪烁的克拉数等的限制。我根本不想显示输入字段，但当我用CSS或type=hidden将其隐藏时，它将不再工作。我曾试图用JS变量实现这一点，但到目前为止都没有成功有什么想法吗 HTML 这里是最终的固定代码*谢谢大家** HTML 您的代码存在以下问题： myText.value--; 及 myText是一个DOM元素，valu

好的，我需要做的是当按键时改变屏幕上的一些数字，我让它工作，但我不满意

我有一个输入字段和一个div，当输入字段的值发生变化时，它会被更新。我这样做是为了不受输入字段闪烁的克拉数等的限制。我根本不想显示输入字段，但当我用CSS或type=hidden将其隐藏时，它将不再工作。我曾试图用JS变量实现这一点，但到目前为止都没有成功

有什么想法吗

HTML

这里是最终的固定代码*谢谢大家**

HTML

您的代码存在以下问题：

myText.value--;

及

myText是一个DOM元素，value属性有一个字符串，而不是整数，我建议执行以下操作：

var i = parseInt(myText.value);
myText.value = (i++);

我会看看我能用这个做些什么，这是有意义的，我不太擅长javascript，我通常用objective c/iphone编程

<html>
<head>
 <link rel="stylesheet" type="text/css" href="number.css" />
</head>

<body onLoad="focus();number.focus();changeNumber()">

<div id='number' value="1">

</div>

</body>

<footer>
<script type="text/javascript" src="number.js"></script>
</footer>

</html>

var i = parseInt(1);

function changeNumber(){
var userInput = i;
document.getElementById('number').innerHTML = userInput;
}

// Capture keyDown events for document
document.onkeydown = function(e) {
// "34" is the PGUp key
if (e.keyCode == 34) {
    // increment the value in the text input
    (i++);
changeNumber()

// "33" is the PGDown key
} else if (e.keyCode == 33 && i > 1) {
    // decrement the value in the text input
    (i--);
changeNumber()
}

// "66" is the b key
if (e.keyCode == 66){
window.location.reload()
} 

}

myText.value--;

myText.value++;

var i = parseInt(myText.value);
myText.value = (i++);