在onkeyevent上只启用退格键?

时间:2017-01-07 07:17:37

标签: javascript jquery

我只需要javascript在用户开始输入文本框后自动添加摄氏度标志。

我已经有了这个按预期工作的代码。它在文本后添加了度数符号:



$(document).ready(function(){
var temp1 = new Value();
$("#Temperature1").on('keyup',function(e){
	
	var oldstr=$("#Temperature1").val();
	var tokens = oldstr.split('℃');
    var suffix = tokens.pop() + '℃';
    var prefix = tokens.join('');
	$("#Temperature1").val(prefix+suffix);
	
     });
});
		

<input type="textbox" id="Temperature1">
&#13;
&#13;
&#13;

问题:一旦用户开始输入此字段,&#34;℃&#34;在文本之后正确显示。但是,一旦用户输入了某些内容,就无法将其删除。用户可能会改变主意,不想在温度字段中输入内容。我如何只启用退格键?

感谢您的时间。

1 个答案:

答案 0 :(得分:1)

试试这个

$(document).ready(function () {
var temp1 = new Value();

    $("#Temperature1").on('keyup', function (e) {

        if(e.which == 8) return; // added this line

        var oldstr = $("#Temperature1").val();      
        var tokens = oldstr.split('℃');
        var suffix = tokens.pop() + '℃';
        var prefix = tokens.join('');
        $("#Temperature1").val(prefix + suffix);

    });
});

我添加了一行检查按下的键是否退格。如果是,则从函数返回(即不执行函数的其余代码)。