2016-12-20 18 views
0

私は、テキストを操作し、出力を表示する単純なテキストボックスで構成されてダム小さな「ウェブアプリ」を書きました。デスクトップでは動作しますが、モバイルでは動作しません(ChromeとiOSのSafari)。私は単純にイベントリスナーを入力に追加していますが、ハンドラは起動されていないようです。私はcaniuseを確認したのだが、互換性のあるようで、このことについて尋ねた質問を発見していないので、私はそれが私がちょうど私のコードに見下ろすよ何か願っています。モバイルブラウザで入力イベントを聞くにはどうすればよいですか?

コードスニペット:完全なファイルへ

const input = document.querySelector('#input'); // Yes, that's the input ID. 
input.addEventListener('change', clapBack); 

リンク:

https://github.com/martellaj/clap-back-generator/blob/master/js/main.js

+0

clapbackは何をしますか? – Phix

+0

は、私は完全なファイルへのリンクを掲載し、それだけで、入力の値をとり、それをトークン化、絵文字でそれに参加し、その後、入力下の段落要素の値として設定していること。私が思うには普通のことは何もありませんが、より単純な機能を作り出すのが良い方法です。 –

+0

これは、単純な[フィドル](https://jsfiddle.net/Gerrit0/ehrfg1op/)に私のために期待どおりに動作しているようです。あなたは壊れているフィドル/ページを提供できますか? - そして、入力イベントはモバイルでサポートされています...あなたが使用しているような基本的なサポートは少なくともあります。 – Gerrit0

答えて

0

@ jam mok氏によると、モバイルでは入力がサポートされていません。なぜ変化イベントを使うだけではないのですか?

const input = document.querySelector('#input'); // Yes, that's the input ID. 
input.addEventListener('change', clapBack); 
+0

これは私が元々追加したものですが、私のために働いていませんでした。より簡単なハンドラ関数と組み合わせて使用​​し、今動作するかどうかを見ていきます。 –

+0

さて、入力と変更はわずかに異なります。私はまだかかわらず、モバイル上の任意の火を見ていない、彼らは異なる動作をどのように理解しhttp://stackoverflow.com/a/17047607/4992551 – dave

+0

にここにこの答えを参照してください。 :/ –

関連する問題