one。（'click'）reset点击后

Question

我有这个jQuery代码。我在这里以第一行作为评论，因为它们在我的问题中并不重要，仅仅用于结构。我点击事件后，点击td我有输入字段中的文字。我将重点放在文字的末尾。但是当我点击鼠标时，我想删除焦点，这样我可以点击名称的中间位置，光标就会在那里。当它是一个（'点击'）时它会工作，但我需要多次执行，因此一次点击只能执行一次。

$('td').on('click', function() {  
    //val = $(this).text(); 
    //console.log(val); 
    //rowid = $(this).parents('tr').attr('id'); 
    //realclass = $(this).attr('class'); 
    //$("tr").filter("#" + rowid).find("td").filter("." + realclass).find("span").hide(); //hide td->span field.. 
    //$("tr").filter("#" + rowid).find("td").filter("." + realclass).find("input").show();//..and show input field 
    //get focus on end of input val 
    SearchInput = $("tr").filter("#" + rowid).find("td").filter("." + realclass).find("input"); 
    strLength = SearchInput.val().length; 
    SearchInput.focus(); 
    SearchInput[0].setSelectionRange(strLength, strLength); 
}); 

Answer 1

的问题是，点击输入本身也触发涵盖<td>元素上的click事件（由于事件传播或“冒泡”），你不希望发生的事情。为了防止这种情况，你要输入处理click事件时调用event.stopPropagation()功能：

$('td input').on('click', function(e) { 
    e.stopPropagation(); 
});