Detect if button touched or clicked

Question

Please bear my ignorance.

I have a page with one button on it:

How to detect if the user clicks (on a computer) or touches (smarthone, tablet) this button?

I read the answers of this quite similar question but the solutions involves using advanced and comlicated libraries. I am just a beginner: d you know how to do this in simle JavaScrit or jQuery ?

Determine and bind click or "touch" event

Thank you all.

`element.onclick = function() { ... }` or `element.addEventListener('click', function() { ... })` with pure JS — Andrew Li, Sep 09 '16 at 05:52
I know that, but how to detect if the button if **clicked** or **touched**. Touched on smartphones and clicked on a computer @AndrewL. — Beginner Coder, Sep 09 '16 at 05:59

score 0 · Answer 1 · edited Sep 13 '16 at 17:17

0

JAVASCRIPT

With your button use

<button onclick="myFunction()">Click me</button>

Then write your myFunction() in <script> in javascript. like this

<script>
function myFunction()
{
alert('Button clicked');
}
<script>

Read more here

http://www.w3schools.com/jsref/event_onclick.asp

JQUERY

Inlcude the jquery.js in your file then give button an ID then use a script.

Button:

<button id="submitbutton">Submit</button>

Jquery

$( "#submitbutton" ).click(function() {
  alert( "Submit button clicked!." );
});

TOUCH OR CLICK JQUERY

But from what I know, the problem you can face here is the touch. Here is a code that could make for touch or click

$( document ).ready(function() {
    $('#submitbutton').on('click touchstart', function() {
      alert( "Submit button clicked!." );
    });
});

Jsfiddle

https://jsfiddle.net/0xdLjvtu/

edited Sep 13 '16 at 17:17

Mr Lister

45,515
15
108
150

answered Sep 09 '16 at 05:53

Lorenzo

574
5
13

Than you but your answers shows shows only how to deal with button clicks. My question is how to detect if the button is **clicked** or **touched** – Beginner Coder Sep 09 '16 at 05:58
Look at the very last example, it has the touched code too :) – Lorenzo Sep 09 '16 at 05:58
@Mr. Lister thank you for adding the backticks, I didn't know that. :) – Lorenzo Sep 14 '16 at 06:01

score 0 · Answer 2 · answered Sep 09 '16 at 06:11

you could try to use a variable for this if you would like, maybe try

<script>

    var buttonTouched = 0;

    function anyFunc01() {
       buttonTouched = 1;
    }

    function anyFunc02() {
       if(buttonTouched == 1) {
          console.log("button01 has been clicked at some point");
       }
    }

</script>

<button onclick="anyFunc01()">button01</button>
<button onclick="anyFunc02()">button02</button>

score -1 · Accepted Answer · answered Sep 09 '16 at 05:58

-1

use jQuery! var deviceEvent = ((document.ontouchstart!==null)?'click':'touchstart'); $("#mylink").on(deviceEvent ,function(){alert('click true!');});

answered Sep 09 '16 at 05:58

scai

49
1

Detect if button touched or clicked

3 Answers3