2016-05-17 7 views
6

私はonclickイベントを私のウェブサイトで使用しています。しかし、Google Chromeの「開発者モード」のモバイルビューで開くと、マウスでクリックしたときに動作する要素には何も触れません。だから私の質問は:onClickイベントは、タッチスクリーンデバイスでタッチすると動作しますか?

onclickイベント、またはすべてのタッチスクリーンデバイスのタッチでonClickイベントの作業と一緒にontouchイベントを追加する必要がありますか?

P.S:あなたがここに私のコードのすべてを見ることができます:

やライブのWebサイトでhttps://github.com/SycoScientistRecords/sycoscientistrecords.github.io/http://sycoscientistrecords.github.io

そして、いや、私は本当の電話でウェブサイトをテストしていません。

+0

私はタッチデバイスの 'onClick'には問題がありませんでした。あなたは実際にタッチスクリーン付きの実際の電話機/端末、またはChromeのデベロッパーモードのモバイルビューのみでこれを試しましたか? – ROAL

+0

画面が小さくても、別の要素が重なってクリックイベントをブロックしていることがありますか?見せることができる例がありますか? – James

+0

コードはどこですか? –

答えて

7

onclickは、タッチスクリーンでうまく動作します。私はそれを数回使ったことがあり、問題は一度もありませんでした。

onclickの代わりにonmousedownを使用することもできます。または、タップを検出するのにjQueryを使用してください。

+0

なぜonclickの代わりに 'onmousedown'を使うべきですか? – user31782

+0

onmousedownはtouchdevicesのontouchstartに相当し、onmouseupと同等の機能はontouchendです。 ドラッグを検出したい場合は、画面に触れた後に指を動かすたびに発生するontouchmoveを使用することもできます。 –

関連する問題