jquery当span或者div内容变化时触发事件

最新推荐文章于 2022-12-15 16:17:11 发布
最新推荐文章于 2022-12-15 16:17:11 发布
阅读量1.7k 收藏 3
点赞数 1
分类专栏： java 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42365842/article/details/116910879
版权

点赞按钮和点赞数

 <div class="send-like">
      <div class="heart " id="like1" rel="like"></div>
      <div class="likeCount" id="likeCount1">14</div>
 </div>

当点赞数改变时触发事件发送ajax请求保存当前的点赞数

$("#likeCount1").bind("DOMNodeInserted",function (e) {
        alert("点赞~~")
    });

DOMNodeInserted是在内容改变时会触发的事件

葡萄汁suki
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何让div span等元素能响应键盘事件操作指南
09-05
为了使`div`或`span`响应键盘事件，我们需要通过JavaScript或者jQuery来实现这一功能。 首先，我们可以通过添加`contenteditable`属性来使`div`和`span`变为可编辑。例如： ```html <div id="mydiv" ...
html 值修改时触发,在div更改时触发jQuery事件
weixin_34315264的博客
06-04 222
青春有我您可以使用DOMNodeInserted和DOMNodeRemoved检查是否添加或删除了元素。不幸的是，IE不支持这一点。$('#myDiv').bind('DOMNodeInserted DOMNodeRemoved', function(event) { if (event.type == 'DOMNodeInserted') { alert('Content a...
html span值改变触发,div、span绑定内容改变事件
weixin_28769141的博客
06-10 2388
内容改变事件onchange只适用于form表单标签(input、select、textarea)当需要对div、span标签进行内容改变监听则无法适用，查阅了一些资料发现jquery有针对的方法，代码如下：1$("#d").click(function(){$(this).html(2);})$("#d").bind('DOMNodeInserted',function(){alert('改变了...
DOM事件机制
冰霜的博客
09-11 352
事件机制 HTML DOM 允许 JavaScript 对 HTML 事件作出反应。JavaScript 能够在事件发生时执行，比如当用户点击某个 HTML 元素时。 为了在用户点击元素时执行代码，请向 HTML 事件属性添加 JavaScript 代码： <div id='div1'>我是一个div</div> <button id='btn'>点我啊</button> <!-- 还可以在HTML标签中进行事件的绑定 需要加()--> <.
html内容改变后触发事件,在div更改时触发jQuery事件
weixin_36460310的博客
06-07 1032
小编典典您可以使用DOMNodeInserted和DOMNodeRemoved检查是否添加或删除了元素。不幸的是，IE不支持此功能。$('#myDiv').bind('DOMNodeInserted DOMNodeRemoved', function(event) {if (event.type == 'DOMNodeInserted') {alert('Content added! Curren...
:class的使用及通过:class实现标签切换状态改变
米拉
06-25 4430
做一个点击标签切换的功能，效果如下： JS： 当然也可以酱紫写： JS： 二、点击标签加载相应标签的内容： HTML： CSS： JS： 三、三状态切换： 一般用于可选/不可选/选中三种情况: Css: JS: 四、更多状态结合： HTML： CSS： JS： 附：:class的使用(官方文档) 1、:class="变量名"，一般是直接绑定一个类名2、:class = "{ 类名:布尔值 }"
contenteditable="true"的div事件处理
qq_25232365的博客
05-22 7878
contenteditable标签对应文本区域自适应长度改变，由于长度处理后光标显示在文本最前端，所以对光标位置进行了处理
利用div内容改变事件，处理业务
BQL_Email的专栏
02-22 913
$("#ctl00_PlaceHolderMain_txtDutyMan_div_style ").bind('DOMNodeInserted', function (e) {             if ($(e.target).html().indexOf("username") > 0) {                 var text_divHtml = $(e.target).
JQUERY弹出模式DIV
04-11
"JQUERY弹出模式DIV"是指使用jQuery来实现一种常见用户界面设计——模态对话框或者称为弹出窗口。这种功能在网页中很常见，用于显示警告、确认信息或者展示详细内容等。 模态对话框（Modal Dialog）是一种阻止用户...
jQuery阻止事件冒泡具体实现
10-26
在修改后的代码中，当用户点击`span`元素时，通过调用 `event.stopPropagation()`，可以确保点击事件不会继续传播到`div`和`body`元素，从而避免了额外的处理逻辑被执行。同样的，当用户点击`div`元素时，也使用了此...
JQuery中Bind()事件用法分析
10-24
回调函数可以接收一个`eventObject`参数，这个参数是JavaScript的事件对象，包含了有关触发事件的详细信息，如事件类型、目标元素、鼠标位置等。在某些情况下，通过这个事件对象，我们可以获取到更多的交互信息，以...
深入理解jQuery之防止冒泡事件
12-28
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。 ... <body> <div id=content> ... // 为span元素绑定click事件 $('span').bind(click,function(){ var txt = $('#msg').htm
jquery监听div等元素的内容变化
热门推荐
云_飞扬
03-07 3万+
方法一：change事件 change事件，在元素的值发生改变时触发，适用于文本域、textarea、select 。 或调用change()方法时可以监听。所以，我们可以模拟change为非表单元素监听change()事件。 change事件 #container { min-height: 120px; border: 1px solid
DIV和SPAN之间的切换
不甘平庸的人
07-22 2767
如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要的位置上去。而不是每次都愚蠢的另起一行。也就是说，可以用css的display:inline将块级元素改变为内联元素，也可以用display:block将内联元素改变为块元素。 文章出处：标准之路(http://www.aa25.cn)
onpropertychange事件 onchange无法捕获时
11-19 616
 当一个HTML元素的属性用js改变的时候，都能通过 onpropertychange来捕获。例如一个 对象的value属性被页面的脚本修改的时候，onchange无法捕获到，而onpropertychange却能够捕获。也就是说：onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下，而onchange只有在用键盘改变其值，然后在失去焦点(onblur)后才
jQuery文本值改变的事件绑定(input/span/div)
猿学
12-15 2488
keypress：按键按下时触发事件（先响应事件，再显示输入结果（获得的是上一次结果），可能被输入法拦截）propertychange：属性改变时触发事件（不管是获得焦点还是value改变等）change：焦点离开时触发事件。focus：获得焦点时触发事件。keyup：按键弹起时触发事件。
jquery 如何监听div内容的变化
yiluoAK_47的专栏
04-08 3万+
我们做电子商务，javascript框架采用的是jQuery,在开发过程中遇到了上面标题列出的问题：如何监听div内容的变化。 先给出最终代码（后续进行相关分析）： 1 2 3 4 5 var title = $("b.facility"); var title = $('#title');//the
div或span文本内容改变事件
vvull的博客
01-29 1227
代码 $('#vvull').on('DOMNodeInserted', function () { //<span id="vvull" >我是文本</span> //'我是文本'改变时，触发 }); 参考
elementui级联选择器空children导致选择无法显示的问题
qq_42365842的博客
07-23 2137
问题 elementui接收树形结构的数据并用级联选择器显示时，后端会对每一个结点都加一个children属性，导致显示错误并且选择无效。 解决方式 这个时候，既可以前端工程循环遍历将children属性置为null，也可以在后端工程建立树形结构时对叶子节点的children赋值null。 修改结果： ...
jquery 事件冒泡
最新发布
08-24
jQuery事件冒泡是指在一个页面中，如果一个元素包含在另一个元素内部，并且这两个元素都绑定了相同类型的事件时，当点击内部元素时，外部元素的事件也会被触发。事件将从内到外依次冒泡，直到达到文档根元素。 在给...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值