检测按钮是否被触摸或点击

Question

请原谅我的无知

我有一个页面只有一个按钮：

如何检测用户是否单击（在计算机上）或触摸（智能手机、平板电脑）此按钮？

我阅读了这个非常相似的问题的答案，但解决方案涉及使用高级和复杂的库。我只是一个初学者：你知道如何在简单的 JavaScrit 或 jQuery 中做到这一点吗？

Determine and bind click or "touch" event

谢谢大家

Answer 1

JAVASCRIPT

用你的按钮使用

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

然后在javascript中<script>写下你的myFunction()。像这样

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

在此处阅读更多内容

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

JQUERY

在您的文件中包含 jquery.js 然后给按钮一个 ID 然后使用脚本。

按钮：

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

Jquery

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

触摸或单击 JQUERY

但据我所知，你在这里可能面临的问题是触摸。这是一个可以触摸或点击的代码

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

Jsfiddle

https://jsfiddle.net/0xdLjvtu/

Answer 2

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

Answer 3

如果你愿意，你可以尝试为此使用一个变量，也许可以试试

<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>

检测按钮是否被触摸或点击

Detect if button touched or clicked

javascript

click

button

touch