このコードの異なる要素

Question

$(document).ready(function($) { 
    $('#playerSelect').on('click', 'li.playerName', function() { 
     alert("playerSelect click " + $(this).text()); 
    }); 
    $('#newName').change(function() { 
     alert("newName change " + $('#newName').val()); 
    }); 
}); 
<ul id="playerSelect"> 
    <li><input type="text" id="newName" value="New Player"" autofocus autocomplete="off" /></li> 
    <li class='playerName'>Bill</li> 
    <li class='playerName'>Joe</li> 
</ul> 

をクリックしたときに私はjQueryを使って変更イベントを無視することができますどのように、そして私の心を変更し、.playernameボタンをクリックし、変更イベントが発生します。しかし、私はクリックイベントが欲しいです。

Answer 1

私が正しくあなたを理解している場合は、このコードを試すことができます。

function displayDetails(){ 
     alert("newName change " + $('#newName').val()); 
} 
$(document).ready(function($) { 
    $('#playerSelect').on('click', 'li.playerName', function() { 
     displayDetails(); 
    }); 
});