javascript - 仅在 onkeyevent 上启用退格键？

Question

我只需要 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">

问题:一旦用户开始在此字段中输入内容，“℃”就会正确显示在文本后面。但是，一旦用户输入了某些内容，就无法将其删除。用户可能会改变主意，不想在温度字段中输入某些内容。如何仅启用退格键？

感谢您的宝贵时间。

Answer 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);

    });
});

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