动态检测html元素属性的变化
Detect html element property changes dynamically
我有两个按钮- A和B。如果A被禁用/启用,我希望B始终是相同的。
是否有一个简单的方法在JavaScript中做到这一点?
让我们假设没有点击事件等。我只是想监控A和B的状态变化。
// WITH CLICK ----------------------------------------------------
/*
$("#dissablebtnA").on("click", function() {
$("#btnA").attr("disabled", "disabled");
if ($("#btnA").attr("disabled") == "disabled") {
console.log("dissabled button B because button A is disabled");
$("#btnB").attr("disabled", "disabled");
}
});
*/
// WITHOUT CLICK ----------------------------------------------------
/*
If you just want to monitor it without clicking you could do like this
*/
// check every 5 seconds to see if it is dissabled and set b to dissabled accordingly
window.setInterval(function(){
if ($("#btnA").attr("disabled") == "disabled") {
console.log("dissabled button B because button A is disabled");
$("#btnB").attr("disabled", "disabled");
}
}, 5000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<button id="btnA">button A</button>
<button id="btnB">button B</button>
<br>
<br>
<button id="dissablebtnA">DISABLE BUTTON A</button>
相关文章:
- 在异步函数调用过程中,当对象的属性值发生变化时,JavaScript中的对象属性值会发生什么变化
- Jquery-背景图像随select中的数据属性而变化
- JS触发的复选框's已检查属性;t动态变化
- 如何观察聚合物元素属性值从索引.html的变化
- AngularJS:当css类发生变化时,如何通过切换来更改颜色属性
- 找出 Vue.js 深度自定义指令中哪个属性发生了变化
- 角度2 - 检测属性@Input的变化
- 如何处理 redux 存储所持有的数据中不断变化的属性
- AngularJS ng 样式不随属性变化
- Angularjs 指令更新到 DOM 属性值的变化
- JS监视CSS属性的变化,如“display:none”=>“display:block”
- 使用 change() 检测属性值的变化
- IFRAME中的SRC属性随onload函数而变化
- 根据可观察到的变化更新相关属性
- 当聚合物元素中的布尔属性发生变化时,如何用sort重新运行dom repeat
- 当你在HTML5视频控制器上点击播放时,哪些变量/属性会发生变化
- 计算JavaScript对象中属性百分比的变化
- 如何使用AngularJS观察由jQuery修改的属性值的变化
- 动态检测html元素属性的变化
- 聚合物:如何关注内容的变化属性