jquery监控两个文本输入框内容，如果有改变就需要重新执行加法运算

Posted 2023-05-18

<input type="text" id="input1"/>
<input type="text" id="input2"/>

$(document).on("input propertychange", "#input1", function()
var input1= $(this).val();
);
$(document).on("input propertychange", "#input2", function()
var input1= $(this).val();
);

现在怎样做两个文本有改变时，获取新的input1和input2，再执行其他操作？

<input id="num1"/>
<input id="num2"/>
<input id="sum">

$("#sum").val($("#num1").val()+$("#num2").val())

$("#num1").val()获取id为num1的值

$("#num2").val()获取id为num2的值

$("#sum").val()括号内可写赋值内容

即为上述描述

参考技术A //页面就两个input时。
$(document).on("input propertychange", function()
var input1= $("#input1").val();
var input2= $("#input2").val();
var add = input1 + input2; //相加
);

用jquery解决IE输入框不能输入的问题

在IE10以上版本，微软为了提高IE输入框的便利性，增加了文本内容全部删除和密码眼睛功能，但是有些时候打开新的页面里，输入框却被锁定无法编辑，需要刷新一下页面，或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入。但是我们需要的是当下需要输入内容。那怎么办呢？可以用下面的方法解决：

$("input[type=‘text‘]").each(function () {

            $(this).focus(function () {

                $(this).select();

            });

        });

        $("textarea").each(function () {

            $(this).focus(function () {

                $(this).select();

            });

        });

解决原理，就是给所有的输入框（当然可以给指定的输入框）增加焦点事件，当点击给焦点的时候，当前输入框文本全选，则可以切换到编辑状态。