Question

代号是:

<div id="cmdt_1_1d" class="dt_state1" onclick="sel_test(this.id)">
<img id="cmdt_1_1i" onclick="dropit( cmdt_1_1 );" src="/site/hitechpackaging/images/items/bags_menu.jpg ">
<span class="dt_link">
<a href="javascript://">BAGS</a>
</span>
</div>

不幸的是,我不能修改此文件, 是否有一种方法使用 javascript 来禁用仅从 Ing 标签上单击的鼠标。

我当时使用此脚本, 但是它禁用了所有图像中的点击事件。但我只想要从此组件中读取

var anchorElements = document.getElementsByTagName( img );
// for (var i in anchorElements)
 //   anchorElements[i].onclick = function() {
       // alert(this.id);
 //       return false;
 //   }

任何想法都将感激不尽。

Edited: Is there a way to stop the function dropit from executing, is it possible using javascript. On page load, etc.

其它选项是, 我可以用 javascript 重新命名 Ing 文件吗?

Answer 1

var eles = document.getElementById( cmdt_1_1d ).getElementsByTagName( img );
for (var i=0; i < eles.length; i++)
   eles[i].onclick = function() {
     return false;
   }

Answer 2

document.getElementById( cmdt_1_1i ).removeAttribute("onclick");

Answer 3

很多答案,但最简单的答案是:

document.getElementById( cmdt_1_1i ).onclick =   ;

Answer 4

尝试一下这样的东西:

var badImage = document.getElementById("cmdt_1_1i");
badImage.onclick = null;
badImage.addEventlistener("click",function(e){
    e.preventDefault();
    e.stopPropagation();
    return null;
},true);

Answer 5

如果您稍后需要恢复上击属性,可以在覆盖该属性前将其保存在字段中:

document.getElementById(id).saved=document.getElementById(id).onclick;
document.getElementById(id).onclick =   ;

以便你们在大地上加以修复。

document.getElementById(id).onclick=document.getElementById(id).saved;

这一点特别有用,因为在单击的原始属性含有某种动态计算值的情况下。

Answer 6

您可以在程序上重新指派活动听众。因此,在这种情况下, 它可能看起来像 :

const images = document.querySelectorAll( #cmdt_1_1d img )
for (let i = 0; i < images.length; i++) {
  images[i].onclick = function() => {}
}

... 上面的查询返回元素的后面所有 img 标记,这些标记带有 ID cmdt_1_1d , 并重新指派每个 点击 听众到一个空函数。因此, 当这些图像被点击时不会发生任何动作。

友情链接