我在HTML中创建了一个属性,data-select-content-val它动态地填充了信息.
有没有办法检测属性值何时发生变化？
$(document).on("change", "div[data-select-content-val]", function(){
alert("BOOP!");
});
元素有一个javascript style对象,其中包含css样式的不同名称和值.我想在每次更改此对象而不使用轮询时触发函数.有没有办法以跨浏览器兼容的方式执行此操作,并且可以与第三方代码可靠地工作(因为假设您提供了一个插件脚本)？将javascript事件绑定为DOMAttrModified或DOMSubtreeModified不足以因为它们无法在Chrome中运行.
DOMTokenList和DOMSettableTokenList接口(MDN,WHATWG)提供了用于操作由空格分隔的字符串表示的有序字符串标记集的方法.它们最常用于Element.prototype.classList属性的形式,DOMTokenList反映class关联元素的属性.
var div = document.createElement('div');
div.setAttribute('class', 'hello world goodnight moon');
var list = div.classList;
console.assert(list.length === 4);
console.assert(list[0] === 'hello');
console.assert(list.item(1) === 'world');
console.assert(list.contains('moon') === true);
console.assert(list.contains('mars') === false);
list.remove('world', 'earth', 'dirt', 'sand');
list.add('hello', 'mars');
list.toggle('goodnight');
console.assert(div.getAttribute('class') === 'hello moon mars');我正在开发一个自定义元素(HTML5Rocks,W3C Draft),它显示指定Stack Overflow用户活动的实时提要.此用户列表在ids属性中指定,并且可以随时更新.
<so-users ids="1114 22656 106224"></so-users>
document.querySelector('so-users').setAttribute('ids', '23354 115866');
我希望有一个.ids属性提供他们可以使用的DOMTokenList,而不是要求用户直接操作这个属性.理想情况下,这将与属性直接关联,但我必须手动绑定的未绑定DOMSettableTokenList实例也可以.
document.querySelector('so-users').ids.add('17174');
不幸的是,我一直无法找到任何方法来创建DOMTokenList实例.该定义不是构造函数,当我调用任何相关方法时,使用其原型直接创建对象会导致错误:
new DOMTokenList; // TypeError: Illegal constructor
new DOMSettableTokenList; // TypeError: Illegal constructor …<div class="current"></div>
<a href="#">text</a>
如何检测例如何时将.live类添加到此<div>并在发生时执行某些操作？
例如,如果更改了类,则隐藏链接.
我有一个缩小的脚本,可以对这个<div>类进行更改.找到它发生的地方对我来说太大了,所以我正在寻找一些方法来捕捉班级变化.
我试图检测图像的来源是否发生了变化.
在我的情况下,src从jquery更改,我没有权利更改jquery文件.所以我试图从img元素中检测src变化.
如果src被更改,我想查看源代码,仅用于测试
这是我目前的代码:
var divimg = document.getElementById("img_div");
divimg.onchange = alert(divimg.getElementsByTagName('img')[0].src);
在页面上加载警报反应并显示src,但不显示src从jquery更改
有没有办法在更改元素类时在jQuery中触发事件？
例子:
<img class="selected" />
成
<img class="selected newclass" />
触发事件
和
<img class="selected" />
成
<img class="" />
触发事件
做
$('#myElem').attr('disabled',true);
在禁用的元素上触发与其关联的任何事件侦听器？（更改（），单击（）或其他）
假设我有一个<img>标签:
<img id="my_tag" src="/default.jpg" srcset="/small.jpg 500w, /medium.jpg 1000w, /large.jpg 2000w">
当我加载页面时,Javascript可以告诉我srcset它正在使用哪个:
document.getElementById("my_tag").currentSrc
如何检测currentSrc更改并触发事件？
避免"重复"的呼喊!我可以确认它不会在Chrome中使用DOM MutationObserver 代码,使用jQuery observe或使用onload事件触发:
var my_tag = document.getElementById("my_tag");
my_tag.onload = function(){
alert("CHANGED");
console.log( "Src changed to " + my_tag.currentSrc );
};
我认为这是因为当srcset使用它时,当currentSrc更改时它似乎不更新DOM.
我正在尝试调用onChange属性值的函数.我正在尝试的是,当用户点击下面的div之一时
<div id="selected" class="vblock">
<div class="vblock">
<div class="vblock">
<div class="vblock">
<div class="vblock">
标签src属性的值embed将被更改.
<embed id="vplayer" width="100%" height="100%" name="plugin" src="resources/videos/xyz21.mp4" type="video/mp4">
我需要在更改src值时调用函数.
要么
我需要在修改<div class="vblock">to 期间调用该函数<div id="selected" class="vblock">
我尝试的是:
$('embed[src=#]').change(function(e){
// code
请有人帮我做这个东西......谢谢......