实时监听文本变化

最新推荐文章于 2024-01-23 15:20:30 发布

柚稚zr

最新推荐文章于 2024-01-23 15:20:30 发布

阅读量1k

点赞数

分类专栏：前端文章标签： js 实时监听监听文本

本文链接：https://blog.csdn.net/bulabulahei/article/details/104945505

版权

前端专栏收录该内容

46 篇文章 8 订阅

订阅专栏

功能介绍

$(“id”).on(“DOMNodeInserted”,function(){}）
可以实时监听页面上的文本变化，当文本变化时可以执行相应的操作

js脚本

$(document).ready(function(){

    var point=$("#BA_767942762901787").width()
    var pointheight=point/100 
    var width1=parseFloat($("#BA_701901384744369").text())*pointheight
    extendwidth("#BA_626619857901611",width1)
   function extendwidth(item,width){
       if(width<point){
           // alert("width1:"+width)
           $(item).css("width","0px");
           $(item).animate({
               "width": width
           },1000);
       }else{
           // alert("width2:"+width)
           $(item).css("width","0px");
           $(item).animate({
               "width":"120%"
           },1000);
       }
   }
   $("#BA_701901384744369 span").on("DOMNodeInserted",function(){
    var width1=parseFloat($("#BA_701901384744369").text())*pointheight
    extendwidth("#BA_626619857901611",width1)
   });
   });
 /*$("#BA_701901384744369 span").on("DOMNodeInserted",function(){
        var width1=parseFloat($("#BA_701901384744369").text())*pointheight
        extendwidth("#BA_626619857901611",width1)
       });*/