jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery-检测SPAN字段内容的变化大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有下面的代码用于模拟文本框:
<label for="alertCmpVal">ALERT VALUE:</label>
<span class="center textBox displayField highlight" id="alertCmpVal" contenteditable> <?PHP print $alert_val;?> </span>@H_404_3@ 
 

我需要知道内容何时发生变化,例如我点击它,然后将其从0更改为1.

我试过了

$(document).ready(function() 
{
    $(document.body).on('change','#alertCmpVal',function()
    {   
        alert("boo");
        $('#alertCmpVal').removeClass('highlight');
    })
}@H_404_3@ 
 

但这似乎不起作用.

(n.b. $(document.body)被使用,因为在我的主页面上,初始字段是动态加载的)

我猜它是不喜欢它的’变化’,但却看不出要用什么代替它. (jQuery / HTML5很好,因为它只在内部使用).

我已经看过一些例子,但它们通常似乎是针对更复杂的场景,需要多个函数来检测某些其他事情发生时的变化,但我认为必须有一个类似于on change方法的更简单的解决方案.

解决方法

您可以使用此事件DOMSubtreeModified:
$("span").on('DOMSubtreeModified',function () {
  alert("Span HTML is Now " + $(this).html());
});@H_404_3@ 
 

片段

$(function () {
  $("a").click(function () {
    $("span").html("Hello,World!");
  });
  $("body").on('DOMSubtreeModified',"span",function () {
    alert("Span HTML is Now " + $(this).html());
  });
});@H_404_3@ 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<span>Hello</span>
<a href="#">Click</a>@H_404_3@

大佬总结

以上是大佬教程为你收集整理的jQuery-检测SPAN字段内容的变化全部内容,希望文章能够帮你解决jQuery-检测SPAN字段内容的变化所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。