How to execute javascript function when the user clicks on the image

Question

I want to call or execute javascript function when user click on image. I have javascript file with many functions and one of them is ShowKeybord(). So i want to execute this function ShowKeybord() when user clicks on image.

I tried with HTML parameter onclick: <img src = "' + content + '" alt = "Heads" onclick = "ShowKeyboard()" height="170" width="170"/> but its not working.

Here is my code of key functions that are related to my problem.

I tried with header.addEventListener('click', ShowKeyboard) and work properly but the keyboard is displayed when you click anywhere in the header of the web page. I would however like to make the keyboard appear only when a user clicks on the image.

What am I doing wrong and what should change depending on my code?

Thank you very much for your help.

Lucas Duval · Accepted Answer · 2017-01-21 16:31:39Z

2

You can also try to encapsulate your img with a div with the attribute onclick="ShowKeyboard()"

Wich gives something like this

<div onclick = "ShowKeyboard()">
<img src = "' + content + '" alt ="Heads" height="170" width="170"/>
</div>

answered Jan 21, 2017 at 16:31

Lucas Duval

431 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ashraf.Shk786 · Accepted Answer · 2017-01-21 17:46:40Z

1

It's better to enclose your image inside a div tag. As suggested by @Lucas Duval. This should definitely work if not please give your div an "ID" or "class" and try to handle this with JQuery.

Thanks!

answered Jan 21, 2017 at 17:46

Ashraf.Shk786

6231 gold badge11 silver badges23 bronze badges

Comments

user7090116 · Accepted Answer · 2017-01-21 16:09:04Z

1

in the head tag put

<script src="yourjavascriptfilepath"></script>

and should work.

or maybe try onclick="ShowKeyboard()" rather than onclick = "ShowKeyboard()"

I think that has to do something with it.

answered Jan 21, 2017 at 16:09

user7090116

1 Comment

makaroN Over a year ago

I already have link to javascript file in my index.html and there is nore diference between onclick="ShowKeabord() and onclick = "ShowKeybord()"

Collectives™ on Stack Overflow

How to execute javascript function when the user clicks on the image

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related