JQuery 节点监听

  1. DOMSubtreeModified: 在DOM结构发生任何变化的时候。这个事件在其他事件触发后都会触发;

    1  $(".attr_box").bind("DOMSubtreeModified",function(e){
    2        //监听事件操作
    3     });
  2. DOMNodeInserted: 当一个节点作为子节点被插入到另一个节点中时触发;
  3. DOMNodeRemoved: 在节点从其父节点中移除时触发;
  4. DOMNodeInsertedIntoDocument: 在一个节点被直接插入文档或通过子树间接插入文档之后触发。这个事件在 DOMNodeInserted 之后触发;
  5. DOMNodeRemovedFromDocument: 在一个节点被直接从文档移除或通过子树间接从文档移除之前触发。这个事件在 DOMNodeRemoved 之后触发;
  6. DOMAttrModified: 在特性被修改之后触发;
  7. DOMCharacterDataModified: 在文本节点的值发生变化时触发;

原文地址:https://www.cnblogs.com/hanivy/p/9951003.html

时间: 2024-10-13 17:42:10

JQuery 节点监听的相关文章

移动端用js与jquery实时监听输入框值的改动

背景: 在一次移动端H5开发中,需要监听输入框值的实时变动. onchange事件肯定抛弃,因为只能失去焦点才触发. 而keyPress在Android可以触发,iOS不可以. 又不想用Android和iOS都可以触发的keyDown和keyUp. 于是,百度出了新东西:oninput![需要配合propertychange,兼容 IE9 以下版本] 用法: JS: if(isIE) { document.getElementById("input").onpropertychange

js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange

本文转载于 http://blog.163.com/lgh_2002/blog/static/44017526201341511112874/ Jquery绑定事件(bind和live的区别) js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange 2013-05-15 11:01:12|  分类: jquery/javascrip |

html学习 - jquery事件监听详解

html学习 - jquery事件监听详解 html学习 - jquery事件监听详解 监听方法 监听方法参数解释 click参数 事件自动执行问题解决 bind方法 live方法 监听方法 在jquery里,监听的方法比较多,用的最多的就是简单的.click() .onchange() .pressdown() 所以这样很简单啊,直接使用就好了,只要符合参数规范就可以了.除了这个还有bind() live() 方法. 而addEventListener()同bind()方法是没有很大功能上的区

使用jQuery实时监听input输入值的变化

//jQuery实时监听input值变化 $("#email").on("input propertychange",function(){ var str = $(this).val(); console.log(str); //alert(str); });

js/jquery 实时监听输入框值变化的完美方案

js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange 解释:先说jquery, 使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码:$('#username').bind('input propertychange', function() { $('#content').html($(this).val().length + ' characters');});

Jquery实时监听input value

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body id="lia-body"> <div class="lia-content"> <div class="

自制简易jquery键盘监听插件

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script> /** * 简易键盘监听事件 * @author shine.s */ var KeyListener = (function(){ var _debug = false; var _ups =

Jquery滚动监听和附加导航

初学jquery,多多指教 导航思路: 设定nav导航的类. 设定索引值. 点击导航内容,导航的索引和内容的索引一一对应. 点击导航栏,内容滑动一段距离. 监听: 1.滑动内容文档时,索引值变动. 2.导航对应的索引所在内容高亮. 下面是代码 <!--导航-->$(document).ready(function() {    $(".nav_scroll_a").each(function() {   //导航所对应的类        $(this).click(func

jQuery mobile 监听页面的各种生命周期

一.pagebeforecreate 1.触发时机: 在页面初始化及jQuery Mobile在开始对页面进行增强之前触发. 注意: 该事件在每个页面中只能触发一次 - 在页面第一次载入时, jQuery Mobile 会在 DOM (内存)缓存页 面, 所以当你通过浏览器从第二个页面回退第一个页面时,该事件将不会被触发, 这是因为第一页面已经被初始化 了. 2.监听方式: $(document).on("pagebeforecreate","#page1",fun