2016-09-09 10 views
-2

Пожалуйста, несите мое невежество.Обнаружить, если кнопка нажата или нажата.

У меня есть страница с одной кнопкой на нем:

Как обнаружить, если пользователь нажимает (на компьютере) или прикасается (smarthone, планшет) эту кнопку?

Я прочитал ответы на этот довольно похожий вопрос, но решения включают использование передовых и компилятивных библиотек. Я просто новичок: вы знаете, как это сделать в sims JavaScrit или jQuery?

Determine and bind click or "touch" event

Спасибо всем.

+0

'element.onclick = функция() {...}' или 'element.addEventListener ('нажмите', function() {...}) 'с чистым JS – Li357

+0

Я знаю это, но как определить, если кнопка, если ** щелкнул ** или ** коснулся **. Потрогал смартфоны и щелкнул по компьютеру @AndrewL. –

+0

Мой последний пример показывает, что вам нужно :) –

ответ

-1

использование JQuery! var deviceEvent = ((document.ontouchstart! == null)? 'Click': 'touchstart'); $ ("# mylink"). On (deviceEvent, function() {alert ('click true!');});

0

JAVASCRIPT

С вашей кнопки использовать

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

Затем написать MYFUNCTION() в <script> в JavaScript. как этот

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

Подробнее здесь

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

Jquery

Inlcude в jquery.js в файле затем кнопку дать идентификатор затем использовать сценарий.

Кнопка:

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

+0

Чем вы, но ваши ответы показывает, показывает только, как бороться с нажатиями кнопок.Мой вопрос заключается в том, как определить, нажата ли кнопка ** ** или ** коснулась ** –

+0

Посмотрите на последний пример, у него тоже есть код касания :) –

+0

@Mr. Листер благодарит вас за добавление обратных сигналов, я этого не знал. :) –

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> 
Смежные вопросы