今後のイベントのモバイル オークション ページに取り組んでいます。私は2つのボタンを持っています。1) 入札価格を上げる三角形の画像 2) 入札を送信する丸の画像。
三角形には、円のイメージが内側に収まる凹んだ底があります。画像は、押されていることを示すためだけに、押すと通常の状態からインデントされた状態に変わります。onmousedown
画像にandonmouseup
イベントを使用しています。
<input id="btnraise" class="btnraise" type="image" src="bidraise-up.png" onmousedown="touchStartRaise()" onmouseup="touchEndRaise();" />
<input id="btnbid" class="btnbid" type="image" src="mobilebid-up.png" onmousedown="touchStart()" onmouseup="touchEnd()"/>
さまざまなモバイル プラットフォーム (つまり、Windows Phone、iPhone、Android) の要件を満たすために、画像ごとに 2 つのイベント リスナーがあります。私が知っていることから、iPhoneはタッチイベントを使用し、これが彼らに最適であるため、私はこの方法を始めました。(私が間違っているかもしれません。これについてもっとよく知っているなら、私に知らせてください)
var btnbid = document.getElementById('btnbid');
btnbid.addEventListener('touchstart', touchStart, false);
btnbid.addEventListener('touchend', touchEnd, false);
var btnraise = document.getElementById('btnraise');
btnraise.addEventListener('touchstart', touchStartRaise, false);
btnraise.addEventListener('touchend', touchEndRaise, false);
それが背景なので、私が何を持っているかを理解できます。このページをさまざまなプラットフォームでテストすると、入力画像が押されたときにボタンが強調表示されるように、このボックスが表示されます。モバイルのみ。これが何なのかわかりません。誰か助けてくれませんか?これはすべて意味がありますか?