2017-10-05 11 views
2

ユーザーがボタンをクリックしたときに非表示になっているフォームを送信しようとしています。フォームにはユーザー情報は必要ありません。別のページに移動するには、送信ボタンをクリックするだけです。Javascript On Click or Touch

私はボタンが

<li class="get-started menu-item-6703"> 
    <a href="#!">Donate</a> 
</li> 

の下にコード化されていここで提出隠されたボタンをクリックをシミュレートするスクリプトです。何らかの理由で、これはモバイルでは動作していません(iOSとおそらくAndroidでも)。

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.get-started').on('click',function() { 
     document.getElementById("scf-donate").submit(); 
     return false; 
    }); 
}); 
</script> 
+0

おそらくモバイルはタッチイベントを使用しないでください。 – DanteTheSmith

答えて

1

Clickイベントは、代わりにタッチの動作を実装しているため、現在のところIOSブラウザでは機能しません。

試してみてください。

$(function() { 
    $('.get-started').on('touchend mouseup',function() { 
    document.getElementById("scf-donate").submit(); 
     return false; 
    }); 
}); 

行動

Webアプリケーションがタッチイベントを処理することができる場合、それは彼らを傍受することができ、かつ、該当するマウスイベントは、ユーザーが派遣する必要はないだろうエージェント。 Webアプリケーションが特にタッチ入力デバイス用に記述されていない場合は、代わりに後続のマウスイベントに反応します。

クリックイベントとタッチイベントの両方の動作を調整するように努力していますが、IOSはまだタッチイベントに依存しています。