我需要使用Javascript禁用DIV及其所有内容。我可以发誓做一个简单的
<div disabled="true">
曾经为我工作,但由于某种原因,它不再起作用。我不明白为什么。
在IE10中:文本“ Click Me”未变灰,并且单击处理程序仍然有效。
我实际上需要在IE10上使用。下面是我的代码。
<html>
<script>
function disableTest(){
document.getElementById("test").disabled = true;
var nodes = document.getElementById("test").getElementsByTagName('*');
for(var i = 0; i < nodes.length; i++){
nodes[i].disabled = true;
}
}
</script>
<body onload="disableTest();">
<div id="test">
<div onclick="alert('hello');">
Click Me
</div>
</div>
</body>
</html>
试试这个!
$("#test *").attr("disabled", "disabled").off('click');
我没有看到您在上面使用jquery,但是您将其列为标签。
以下css语句禁用点击事件
pointer-events:none;
纯JavaScript没有jQuery
function sah() {
$("#div2").attr("disabled", "disabled").off('click');
var x1=$("#div2").hasClass("disabledDiv");
(x1==true)?$("#div2").removeClass("disabledDiv"):$("#div2").addClass("disabledDiv");
sah1(document.getElementById("div1"));
}
function sah1(el) {
try {
el.disabled = el.disabled ? false : true;
} catch (E) {}
if (el.childNodes && el.childNodes.length > 0) {
for (var x = 0; x < el.childNodes.length; x++) {
sah1(el.childNodes[x]);
}
}
}
#div2{
padding:5px 10px;
background-color:#777;
width:150px;
margin-bottom:20px;
}
.disabledDiv {
pointer-events: none;
opacity: 0.4;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div id="div1">
<div id="div2" onclick="alert('Hello')">Click me</div>
<input type="text" value="SAH Computer" />
<br />
<input type="button" value="SAH Computer" />
<br />
<input type="radio" name="sex" value="Male" />Male
<Br />
<input type="radio" name="sex" value="Female" />Female
<Br />
</div>
<Br />
<Br />
<input type="button" value="Click" onclick="sah()" />
我认为内嵌脚本很难停止,相反,您可以尝试以下操作:
<div id="test">
<div>Click Me</div>
</div>
和脚本:
$(function () {
$('#test').children().click(function(){
alert('hello');
});
$('#test').children().off('click');
});
餐桌旁的家伙,看看有什么帮助
您不能使用“禁用”来禁用点击事件。我不知道它如何或是否可以在IE6-9中工作,但是它不能在Chrome上工作,也不应该在IE10上工作。
您还可以通过附加一个取消事件来禁用onclick事件:
;(function () {
function cancel () { return false; };
document.getElementById("test").disabled = true;
var nodes = document.getElementById("test").getElementsByTagName('*');
console.log(nodes);
for (var i = 0; i < nodes.length; i++) {
nodes[i].setAttribute('disabled', true);
nodes[i].onclick = cancel;
}
}());
此外,直接在节点上设置“禁用”并不一定要使用setAttribute添加属性。
本文地址:http://javascript.askforanswer.com/ruhejinyongdivyuansuheqizhongdesuoyouneirong.html
文章标签:css , html , javascript , jquery
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
文章标签:css , html , javascript , jquery
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
评论已关闭!