Disable click on img tag under anchor tag

Question

I have an img tag under anchor tag, i dont want click on img tag, i tried disabled property, it seems there is no such property for img tag.Please let me know how to disable click on img.

code:

<a href="google.com"><img src="sample.png"></img></a>

Thankyou

The `click` event is on the `` element, why not just remove the hyperlink? — Jason Sperske, Feb 14 '14 at 06:37
@RajasekharP its working check the fiddle demo jsfiddle.net/gKb6B — Shaik Mahaboob Basha, Feb 14 '14 at 07:14

score 3 · Answer 1 · answered Feb 14 '14 at 06:39

3

With CSS, you can use pointer-events property:

img {
    pointer-events: none;
    cursor: default;
}

You can check browser support for this property here.

Btw, <img></img> is not valid HTML markup. You need to use <img />

Fiddle Demo

answered Feb 14 '14 at 06:39

Felix

37,892
8
43
55

score 1 · Answer 2 · edited May 23 '17 at 10:33

1

Check this question, is it the thing you want? Disable link using css

So that your code will be...

<a href="google.com" style="pointer-events: none;  cursor: default;">
    <img src="sample.png" />
</a>

By the way, in HTML the img tag has no end tag. http://www.w3schools.com/TAGS/tag_img.asp

edited May 23 '17 at 10:33

Community

1
1

answered Feb 14 '14 at 06:44

user3197584

11
2

1

please don't advise w3schools as a reference. – Feb 14 '14 at 06:50
@user3197584 i want to disable img click not anchor click – Java Learner Feb 14 '14 at 06:59

Shaik Mahaboob Basha · Answer 3 · 2014-02-14T06:48:49.540

To prevent the default behavior we can use event.preventDefault() method of the event. Older browsers (ie 7 and below) dont support this method, so we have to use onclick="return false;"

Note:

I added simple text with in the link, to demonstrate the image click is disabled but when we click the text, the anchor click gets activated.

function onimgclick(event) {
    if(event.preventDefault)
        event.preventDefault();
    else {
        return false;
    }
}

And the html markup should be

<a href="google.com"><img onclick="return onimgclick(event)" src="sample.png"></img> HI</a>

Disable click on img tag under anchor tag

3 Answers3