У меня есть форма. У него есть несколько дел. Каждый содержит текстовое поле и кнопку отправки.

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

Enter всегда запускает первую кнопку отправки! это можно исправить? (Может быть, от Jquery?) Вы можете увидеть рабочий пример здесь:

https://codepen.io/elic55/pen/LYELQrP

{amp}lt;form{amp}gt; {amp}lt;div id="div1"{amp}gt; div1 {amp}lt;input id="Text1" type="text" /{amp}gt; {amp}lt;input id="Submit1" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="div2"{amp}gt; div2 {amp}lt;input id="Text2" type="text" /{amp}gt; {amp}lt;input id="Submit2" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="div3"{amp}gt; div3 {amp}lt;input id="Text3" type="text" /{amp}gt; {amp}lt;input id="Submit3" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; $(function () { $('#Submit1').on('click', function () { alert("1"); }) $('#Submit2').on('click', function () { alert("2"); }) $('#Submit3').on('click', function () { alert("3"); }) }) 

Я предпочитаю sokution, который не изменит структуру, потому что: я использую asp.net — должна быть форма! Кнопки asp отображаются как кнопки отправки.

с использованием jquery и $(":input") ;

 $(function () { $(":input").on('click', function () { alert("3"); }); //if you also want Enter $(document).on('keyup', function (e) { if (e.keyCode === 13) { alert("3"); // or anything you want to happen } e.preventDefault(); return false; }); }) 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;form{amp}gt; {amp}lt;div id="div1"{amp}gt; div1 {amp}lt;input id="Text1" type="text" /{amp}gt; {amp}lt;input id="Submit1" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="div2"{amp}gt; div2 {amp}lt;input id="Text2" type="text" /{amp}gt; {amp}lt;input id="Submit2" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="div3"{amp}gt; div3 {amp}lt;input id="Text3" type="text" /{amp}gt; {amp}lt;input id="Submit3" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; 

Как то, что вы хотите Этот код определяет Введите клавиатуру и войдите в следующую кнопку:

 $("input").on('keyup', function (e) { if (e.keyCode === 13) { console.log($(this).next().attr("id")); } e.preventDefault(); return false; }); // prevent form submit (or change button type from submit into button) $("form").submit(function(e){ e.preventDefault(); }); 
 {amp}lt;script src="https://code.jquery.com/jquery-3.4.1.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;form{amp}gt; {amp}lt;div id="div1"{amp}gt; div1 {amp}lt;input id="Text1" type="text" /{amp}gt; {amp}lt;input id="Submit1" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="div2"{amp}gt; div2 {amp}lt;input id="Text2" type="text" /{amp}gt; {amp}lt;input id="Submit2" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="div3"{amp}gt; div3 {amp}lt;input id="Text3" type="text" /{amp}gt; {amp}lt;input id="Submit3" type="submit" value="submit" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt;