タッチスクリーン上のリストアイテムを選択

Question

私はこの質問に基づいて、またはこの質問の周りに複数のスレッドを見つけましたが、これまでの回答はそれほど役に立たなかった。私はこれを純粋なJavaScript（JQueryが受け入れられる）を通して動作させようとしています。

これまでのところ、コンピュータ上のWebブラウザからアイテムを選択できるようになっていますが、クリックイベントはタッチスクリーンでは機能しないようです。

$('.List').on('click touch', function() { 
// code 
}); 

私の現在のJavaScript（PC上で動作します）：私は、例えば追加のタッチとして他のスレッドから複数の "ソリューション" を試してみた

document.querySelector('.List').addEventListener('click', function (e) { 
var selected; 

if (e.target.tagName === 'LI') { 
    selected = document.querySelector('li.selected'); 
    if (selected) 
     selected.classList = ''; 
    e.target.classList = 'selected' 
} 

document.getElementById('ItemValue').value = e.target.innerText; 

}）;

上記のJavaScriptでは、リスト項目の背景に色を追加し、内部テキストを取得して保存するだけです。

マイリスト（アイテムは、実行時に追加される）

<div id="SelectedItems" class="ListBox"> 
    <ul id="Selected" class="List ItemList" runat="server" > 
    <%--List items here--%> 
    </ul> 
</div> 

Answer 1

あなたは必ず、あなたはjQueryライブラリを含めている場合は、このソリューションを使用してみてください。

すべてのリスト項目は、実行時にロードされているので、あなたもこのように使用することができ、

$(document).ready(function() { 
    $(document).on('click', '#Selected li' function() { 
      // code 
    }); 
});