Определить идентификатор текстового поля при нажатии

Question

Когда есть много динамически созданных текстовых полей, существует ли способ определить идентификатор текстового поля, когда пользователь нажимает на любое из этих текстовых полей?

EDIT:

$(document).ready(function() { 
    var textCount = 0; 
    var textfieldWrapper = $("#textfieldWrapper"); 
    var x = textfieldWrapper.length; 
    var textfield = $("#namebutton"); 

    $(textfield).click(function() { 
     textCount++; 
     $(textfieldWrapper).append('<div>' + '<div class="name" id="textfield_0' + textCount + '">' + '<input type="text" id="field_' + textCount + '" placeholder="dynamic box"/>'); 
     x++; 
     return false; 
    }); 
}); 

Answer 1

Вы можете сделать это так:

<input onclick="alert(this.id)" /> 

Или с помощью JQuery:

$(document).on('click', 'input', function(){ 
    alert($(this).attr("id")); 
}); 

Answer 2

вы легко можете сделать это путем применения класса для тех, текстовые поля и использование (ЭТО), т.е. текущий объект. Пожалуйста, проверьте код ниже:

$(document).on("click", ".classOfTextbox", function() { 
      var id = $(this).attr("id"); 
      alert(id); 
     }); 

Надеется, что это помогает :)

Answer 3

Вот путь в ванили JavaScript

document.body.addEventListener('click', function (e) { 
    if (e.target instanceof HTMLTextAreaElement || 
     ((e.target instanceof HTMLInputElement) && (e.target.getAttribute('type') === "text")) 
    ) { 
     console.log(e.target.getAttribute('id')); 
    } 
}); 

Answer 4

<a class = "click" id = "1">Item 1</a> 
<a class = "click" id = "2">Item 2</a> 

$(".click").click(function(){ 
    pos = this.attr("id"); 
}); 

Answer 5

$(#textBox).on(click, function() { 
    alert($(this).attr('id');); 
}); 

если вы собираетесь через кратному текстовые поля:

$(.textboxes).each(function() { 
    $(this).on(click, function() { 
     alert($(this).attr('id');); 
    }); 
}); 

Answer 6

Попробуйте использовать функцию или использовать JQuery клик событие
1) с помощью JavaScript:

<input type="text" id="data" onClick="reply_click(this.id)"> 

<script type="text/javascript"> 
function reply_click(clicked_id) 
{ 
    alert(clicked_id); 
} 
</script> 

2) с помощью JQuery:

<input type="text" id="data"> 

$(document).on('click','input[type="text"]',function(){ 
    alert($(this).attr('id')); 
}); 

Answer 7

$('#textfieldWrapper').on('click', 'input', function() { 
    var id = this.id; 
    alert(id); 
}); 

jsFiddle Demo.