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

时间:2016-09-09 05:50:54

标签: javascript button click touch

请忍受我的无知。

我有一个页面,上面有一个按钮:

如何检测用户是否点击(在计算机上)或触摸(智能手机,平板电脑)此按钮?

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

Determine and bind click or "touch" event

谢谢大家。

3 个答案:

答案 0 :(得分:0)

<强> JAVASCRIPT

使用按钮

['she', ' ', None, 'he']

然后在<button onclick="myFunction()">Click me</button> 中用javascript编写myFunction()。像这样

<script>

在这里阅读更多内容

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

<强> JQUERY

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

按钮:

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

Jquery的

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

触碰或点击JQUERY

但据我所知,你可以面对的问题是触摸。这是一个可以触摸或点击的代码

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

的jsfiddle

https://jsfiddle.net/0xdLjvtu/

答案 1 :(得分:0)

如果您愿意,可以尝试使用变量,也许可以尝试

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

答案 2 :(得分:-1)

使用jQuery! var deviceEvent =((document.ontouchstart!== null)?&#39;点击&#39;:&#39; touchstart&#39;); $(&#34; #mylink&#34;)。on(deviceEvent,function(){alert(&#39;点击true!&#39;);});