[英]How to do something when backspace or delete is pressed
因此,当我点击退格或删除时,我无法让代码执行某些操作。
我的代码工作得很好。 它运行以下代码,更新多个文本输入字段的大小和值。
它调用compute() ,它通过updateAllFields()多次调用update () 。
function compute(input,number){
var decider = String(input.value);
updateAllFields(decider,number);
}
function update(label,convert,decider,number){
var updater = document.getElementById(label);
updater.value = parseInt(decider, number).toString(convert);
updater.style.width = ((updater.value.length + 1) * 12.5) + 'px';
}
function updateAllFields(decider,number){
update('binary',2,decider,number);
update('octal',8,decider,number);
update('decimal',10,decider,number);
update('hexadecimal',16,decider,number);
}
现在,一切都运行得很好。 我遇到了一个问题,当整个字段被删除时,我得到NaN ,并且除非我超过NaN值,否则不能再编辑文本字段。
如果用户点击“Ctrl + home”,然后退格(擦除整个字段), NaN就会出现。 我想要什么,而是在于,当将 NaN的出现,所有的文本输入被重置为他们时,他们的占位符都显示为相同的大小和外观。
我查了一下,发现了以下内容:
var input = document.getElementById('display');
input.onkeydown = function() {
var key = event.keyCode || event.charCode;
if( key !== 8 && key !== 46 )
return true;
};
它不起作用。 我甚至尝试将return false替换为替换读取替换代码:
function refresh(label,number){
var refresher = document.getElementById(label);
refresher.value = '';
refresher.size = number;
}
function refreshAllFields(){
refresh('binary','3');
refresh('octal','2');
refresh('decimal','4');
refresh('hexadecimal','8');
}
这不起作用。 我究竟做错了什么? 如果一个字段的整个文本字段被清除,我怎样才能让我的字段重置为原始状态?
您不需要降低错误的可能性。 您需要完全防止错误。 只需验证输入数据,您就不会获得NaN
。
如果输入是整数,只需在compute
添加一个检查:
function compute(input,number){
var decider = String(input.value);
if (isNumeric(decider))
{
// do something else
decider = "0"; // for example
}
updateAllFields(decider, number);
}
其中isNumeric
是一个函数,用于确定字符串是否表示数字。 有很多方法可以做到这一点 ,例如:
function isNumeric(value)
{
if (isNaN(value)) {
return false;
}
var x = parseFloat(value);
return (x | 0) === x;
}
此外,您可以停止将您的decider
和number
作为字符串传递给每个函数:
function compute(input, number){
if (isNumeric(input.value))
{
updateAllFields(parseInt(input.value, number)); // val is a Number now
} else {
updateAllFields(0); // for example
}
}
function update(label,convert,val){
var updater = document.getElementById(label);
updater.value = val.toString(convert);
updater.style.width = ((updater.value.length + 1) * 12.5) + 'px';
}
function updateAllFields(val) {
update('binary',2,val);
update('octal',8,val);
update('decimal',10,val);
update('hexadecimal',16,val);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.