JavaScript/jQuery 实时监听 input 输入框值变化

最新推荐文章于 2024-11-08 13:46:46 发布

听胡说

最新推荐文章于 2024-11-08 13:46:46 发布

阅读量198

点赞数

文章标签： event js jquery javascript vue

本文链接：https://blog.csdn.net/great_1996/article/details/110257082

版权

本文介绍了如何使用jQuery和原生JavaScript监听输入框的实时变化，包括在不同浏览器中的实现方式，如Firefox、Google Chrome、Opera、Safari、Internet Explorer等。

摘要由CSDN通过智能技术生成

jQuery 代码：

$("#input1").bind("input propertychange",function(event){
   console.log($("#input1").val());
});


JavaScript 代码：

// Firefox, Google Chrome, Opera, Safari, InternetExplorer 9+
    function oninput (event) {
        alert ("The new content: " + event.target.value);
    }
// InternetExplorer8-
    function onpropchanged (event) {
        if (event.propertyName.toLowerCase () == "value") {
            alert ("The new content: " + event.srcElement.value);
        }
    }