Clickイベント

Question

コードは次のとおりです。

$('#navigationLink').on('touchstart', function() { 
 
    //debugger; 
 
    var navi = $(this).find('p').attr('navi'); 
 
    if (navi == 'tryit') { 
 
    alert('try'); 
 
    } 
 
    if (navi == 'view') { 
 
    alert('view'); 
 
    } 
 
    if (navi == 'next') { 
 
    alert('next'); 
 
    } 
 
});

.pos_next { 
 
    position: absolute; 
 
    bottom: 2%; 
 
    right: 0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="navigationLink" class="col-xs-12 align_center pos_next"> 
 
    <p class="page_4_titles font_futura_bold clr_black" navi="next">Next Question</p> 
 
</div>

、コンピュータ上でより多くの情報https://jsfiddle.net/Lf0f8a4u/

Answer 1

ためフィドルであなたをご確認くださいイベントはありませんtouchstart。 mousedownまたはclickです。

$('#navigationLink').on('click', function() { 
 
    debugger; 
 
    var navi = $(this).find('p').attr('navi'); 
 
    if (navi == 'tryit') { 
 
    alert('try'); 
 
    } 
 
    if (navi == 'view') { 
 
    alert('view'); 
 
    } 
 
    if (navi == 'next') { 
 
    alert('next'); 
 
    } 
 

 
});

.pos_next { 
 
    position: absolute; 
 
    bottom: 2%; 
 
    right: 0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="navigationLink" class="col-xs-12 align_center pos_next"> 
 
    <p class="page_4_titles font_futura_bold clr_black" navi="next">Next Question</p> 
 
</div>

情報

---

あなたが$('').on('touchstart click', function...を使用することができ、コンピュータとモバイルブラウザ用の互換性のあるバージョンを持っているしたい場合。

touchstartとclickの違いは、touchstartがモバイルブラウザで直接clickという名前でコンピュータ上で発生していることです。 click -Eventは、zoom gestureのために、ユーザがクリックを二重にしたいかどうかをチェックするため、iPhone Safariで300msの遅延があります。