我是 Javascript 新手,但我正在尝试在我的网站上实现一些功能,用户可以在其中输入数量,并且小计会在输入时动态更新。
例如:如果每件物品的价格为 10 美元,并且用户在文本字段中键入 5,我希望它在文本框旁边显示 50 美元。非常简单的乘法,但我不知道如何用 Javascript 来做。我认为 onKeyPress 不知何故?谢谢!
假设以下 HTML:
<input type="text" id="numberField"/>
<span id="result"></span>
JavaScript:
window.onload = function() {
var base = 10;
var numberField = document.getElementById('numberField');
numberField.onkeyup = numberField.onpaste = function() {
if(this.value.length == 0) {
document.getElementById('result').innerHTML = '';
return;
}
var number = parseInt(this.value);
if(isNaN(number)) return;
document.getElementById('result').innerHTML = number * base;
};
numberField.onkeyup(); //could just as easily have been onpaste();
};
这是一个工作示例 http://jsfiddle.net/Dem6Q/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)