我希望将一个img元素设置为不可选和不可拖动,因为我将其用作窗口调整控件(单击并拖动周围的div可以调整窗口大小)。
以下代码可以完美实现此功能:
noSelect[x].ondragstart = function() {return false};
但是由于这将用于一个在每个HTMLElement周围使用XPCNativeWrapper的Firefox(3.6.*)扩展程序中,我不能使用“.onsdragstart”,而必须使用“.addEventListener”。
问题在于上面代码的等效代码无法正常工作。点击和拖动img会触发Firefox的默认图像拖动,而不是在以下情况下调整窗口大小:
noSelect[x].addEventListener("dragstart", function () {return false}, false)
上面引用的两行代码不等同吗?
未选对象的完整上下文:
var noSelect = document.getElementsByClassName("noSelect")
for (x in noSelect) {
if (x == "length")
break
noSelect[x].unselectable = "on";
noSelect[x].onselectstart = function(){return false};
noSelect[x].ondragstart = function() {return false};
noSelect[x].style.userSelect = "none"; // w3c standard
noSelect[x].style.MozUserSelect = "none"; // Firefox
}