- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我试图在脚本修改 input
元素(文本字段)时触发事件处理程序。在 Internet Explorer 上,我可以使用 onpropertychange
事件,但是在 Firefox 和其他浏览器上没有这样的事件。所以,根据W3C docs ,似乎 DOMAttrModified
事件完全符合我的要求。但它不会在 Firefox 11
中触发。
这是重现问题的简单代码片段。我有一个输入文本字段和一个向输入文本字段的 value
属性添加字符的按钮。单击 add char
按钮应该会触发 DOMAttrModified
事件:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function addChar() {
var q = document.getElementById("query");
q.value += "X";
}
function loadevents() {
var q = document.getElementById("query");
q.addEventListener("DOMAttrModified", function() {alert("DOMAttrModified event!");
}, false);
}
</script>
</head>
<body onLoad="loadevents()">
<input type="text" id="query">
<br>
<input type="submit" value="add char" onclick="addChar()">
</body>
</html>
但事实并非如此。知道我做错了什么吗? (我知道 DOM Level 3 弃用这个事件,但目前似乎没有可行的替代方案。据我所知,Firefox 11 仍然支持它。)
最佳答案
更改输入中的值不会触发 DOMAttrModified
事件,仅此而已。
您需要更改输入节点的属性,而不是变量的属性。
就像 difference between the two jQuery functions: .prop
and .attr
阅读:
关于javascript - DOMAttrModified 不会触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10418721/
我试图在脚本修改 input 元素(文本字段)时触发事件处理程序。在 Internet Explorer 上,我可以使用 onpropertychange 事件,但是在 Firefox 和其他浏览器上
以下是代码 (Jsfiddle demo): Click me! var a = document.body.children[0] a.onclick = function() { alert
我需要检测一些类更改,我将其用于此 DOMAttrModified,但出了点问题,什么? var first_img = $('body').find('li:first').find('img');
应该会触发一些东西,不是吗?我在 IE8 中不受支持,在 Fx 3.6.10 中没有任何反应 // modified from http://pragmatec.blogspot.com/20
我需要利用这个 DOM 事件。 IE 有 onpropertychange,它也可以做我需要它做的事情。然而,Webkit 似乎不支持这个事件。有没有我可以使用的替代方案? 最佳答案 虽然 Chrom
我曾致力于将脚本注入(inject)第三方移动网站。我正在使用 Firefox 的用户代理切换器插件来检查桌面环境中移动网站的元素。 在 Firefox 中,我使用特定 DOM 元素的属性更改中断来测
这个问题已经有答案了: 已关闭12 年前。 Possible Duplicate: is there an alternative to DOMAttrModified that will work
我正在开发一个应用程序,我使用了一个属性,其中 textarea 中的一个小变化应该提醒用户,我尝试了 onChange 事件,但它没有服务器目的,我发现 onPropertyChange 似乎只在
我是一名优秀的程序员,十分优秀!