Question

这是我的代码

<div id="companyLogo">
    <a href="index.php?module=Home&amp;action=index" border="0">
        <img src="themes/default/images/company_logo.png?v=hQ67b-0XWvvSENtpYeZcIw&amp;logo_md5=1d2df0902a895af3e05dbc7c4e6758eb" alt="Company logo" border="0" height="15" width="141">
    </a>
</div>

现在，我想禁用此徽标。我正在使用这个jquery代码

var o = document.getElementById('companyLogo');
o.onmouseover = function() {
    var a = this.getElementsByTagName('div');
    for (x in a) {
        a[x].onclick = function() { return false; };
    }
};

但是，它没有用。现在这个图像在标题div中。因此，如果我用标题div替换image的companyLogo id名称，那么它可以工作，但它使整个标题div部分无法点击。我只想要几个div无法点击。那么，我可以知道如何实现这一目标吗？

Answer 1

用户：

$('#companyLogo a').click(function(e) {
    e.preventDefault();
});

Answer 2

试试这个：

$("#companyLogo a").attr("href", "#");

Answer 3

您的代码有效，但您必须将div更改为a。

检查此sample

更新了代码

var o = document.getElementById('companyLogo');
o.onmouseover = function() {
    var a = this.getElementsByTagName('a');
    for (x in a) {
        a[x].onclick = function() { return false; };
    }
};

如何使用jQuery或JavaScript使div下的图像无法点击？

3 个答案: