如何用任意键事件自动显示jquery函数结果

下面的jquery代码运行良好，但它在按下“计算百分比”按钮后计算百分比。我想修改一下，当用户输入第二个数字并按tab键时，结果将自动显示在第三列

函数ShowPercentage（）{
变量$inputs=$（'input'）；
//获取价值
var firstNumVal=$inputs.eq（0.val（）；
var SecondNumVal=$inputs.eq（1.val（）；
//算计
var percentVal=（firstNumVal/SecondNumVal）*100；
//设定值
$inputs.eq（2）.val（parseInt（percentVal）+'%'）；
}
$（文档）.ready（函数（）{
$（'#computeSomething'）。在（'keypress'，ShowPercentage'）；
});

我的第一个号码

mysecondnumber

mypercenttextbox


计算百分比绑定
将事件处理程序更改为第二个输入
#mysecondnumber
元素

$('#mysecondnumber').on('change', ShowPercentage);


函数ShowPercentage（）{
变量$inputs=$（'input'）；
//获取价值
var firstNumVal=$inputs.eq（0.val（）；
var SecondNumVal=$inputs.eq（1.val（）；
//算计
var percentVal=（firstNumVal/SecondNumVal）*100；
//设定值
$inputs.eq（2）.val（parseInt（percentVal）+'%'）；
}
$（文档）.ready（函数（）{
$（'#computeSomething'）。在（'keypress'，ShowPercentage'）；
$（'mysecondnumber'）。on（'change'，ShowPercentage）；
});

我的第一个号码

mysecondnumber

mypercenttextbox


计算百分比







计算百分比！
函数ShowPercentage（）{
变量$inputs=$（'input'）；
//获取价值
var firstNumVal=$inputs.eq（0.val（）；
var SecondNumVal=$inputs.eq（1）.val（20）.prop（'readonly'，true）；
//算计
var percentVal=（firstNumVal/SecondNumVal）*100；
//设定值
$inputs.eq（2）.val（parseInt（percentVal）+'%'）.prop（'readonly'，true）；
}
$（文档）.ready（函数（）{
$（'mysecondnumber'）。在（'change blur'，ShowPercentage'）；
});

将更改事件绑定到第二个输入，即（'change blur'，ShowPercentage'）上的（'code>$（'mysecondnumber'））@Satpal非常感谢！为…工作me@Satpal我想把第二个数字固定为常数，比如说20，第一个数字将由用户输入，您能帮忙吗。。提前感谢：）您可以使用
.val（20）
设置其值，并使其为只读，即
.prop（'readonly'，true）
@Satpal无法实现。请共享确切的代码，我还想删除第二个数字的输入框。用户只能输入第一个数字。谢谢！
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" value="F" class="1" id="myfirstnumber"> <br>

<input type="number" value="S" class="1" id="mysecondnumber"> <br>

<input type="percentage" value="P" class="1" id="mypercenttextbox "><br>
<button id="computeSomething">Compute Percentage!</button>
<script>
function ShowPercentage() {

    var $inputs = $('input');

    // get values
    var firstNumVal = $inputs.eq(0).val();
    var SecondNumVal = $inputs.eq(1).val(20).prop('readonly', true);

    // compute something
    var percentVal = (firstNumVal / SecondNumVal) * 100;

    // set value
    $inputs.eq(2).val(parseInt(percentVal) + '%').prop('readonly', true);

}

$(document).ready(function() {
  $('#mysecondnumber').on('change blur', ShowPercentage);
});