මට එක් පෙළ ආදානයක් සහ එක් බොත්තමක් ඇත (පහත බලන්න). පෙළ කොටුව තුළ යතුර එබූ විට බොත්තම ක්ලික් කිරීමේ සිදුවීම ක්‍රියාත්මක කිරීමට ජාවාස්ක්‍රිප්ට් භාවිතා කරන්නේ කෙසේද Enter?

මගේ වත්මන් පිටුවේ දැනටමත් වෙනස් ඉදිරිපත් කිරීමේ බොත්තමක් ඇත, එබැවින් මට බොත්තම ඉදිරිපත් කිරීමේ බොත්තමක් බවට පත් කළ නොහැක. හා, මම පමණක් අවශ්ය වන්නේ Enterමෙම විශේෂ බොත්තම ක්ලික් කරන්න එය මේ එක පෙළ කොටුව, වෙන කිසිවක් තුළ සිට තද නම් යතුර.

<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />

JQuery හි, පහත සඳහන් දෑ ක්‍රියාත්මක වේ:

$("#id_of_textbox").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#id_of_button").click();
    }
});

$("#pw").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#myButton").click();
    }
});

$("#myButton").click(function() {
  alert("Button code executed.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Username:<input id="username" type="text"><br>
Password:&nbsp;<input id="pw" type="password"><br>
<button id="myButton">Submit</button>

නැතහොත් සරල ජාවාස්ක්‍රිප්ට් හි පහත සඳහන් දෑ ක්‍රියාත්මක වනු ඇත:

document.getElementById("id_of_textbox")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("id_of_button").click();
    }
});

document.getElementById("pw")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("myButton").click();
    }
});

function buttonCode()
{
  alert("Button code executed.");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Username:<input id="username" type="text"><br>
Password:&nbsp;<input id="pw" type="password"><br>
<button id="myButton" onclick="buttonCode()">Submit</button>

ඉන්පසු එය කේත කරන්න!

<input type = "text"
       id = "txtSearch" 
       onkeydown = "if (event.keyCode == 13)
                        document.getElementById('btnSearch').click()"    
/>

<input type = "button"
       id = "btnSearch"
       value = "Search"
       onclick = "doSomething();"
/>

මෙය හඳුනාගෙන ඇත:

<input type="text" id="txtSearch" onkeypress="return searchKeyPress(event);" />
<input type="button" id="btnSearch" Value="Search" onclick="doSomething();" />

<script>
function searchKeyPress(e)
{
    // look for window.event in case event isn't passed in
    e = e || window.event;
    if (e.keyCode == 13)
    {
        document.getElementById('btnSearch').click();
        return false;
    }
    return true;
}
</script>

බොත්තම ඉදිරිපත් කිරීමේ අංගයක් බවට පත් කරන්න, එවිට එය ස්වයංක්‍රීය වනු ඇත.

<input type = "submit"
       id = "btnSearch"
       value = "Search"
       onclick = "return doSomething();"
/>

<form>මෙම කාර්යය කිරීමට ඔබට ආදාන ක්ෂේත්‍ර අඩංගු අංගයක් අවශ්‍ය බව සලකන්න (ස්තූතියි සර්ජි ඉලින්ස්කි).

සම්මත හැසිරීම නැවත අර්ථ දැක්වීම හොඳ පුරුද්දක් නොවේ, Enterයතුර සෑම විටම පෝරමයක ඉදිරිපත් කිරීමේ බොත්තම අමතන්න.

කිසිවෙකු addEventListenerතවම භාවිතා කර නැති නිසා, මෙන්න මගේ අනුවාදය. මූලද්රව්ය ලබා දී ඇත:

<input type = "text" id = "txt" />
<input type = "button" id = "go" />

මම පහත සඳහන් දෑ භාවිතා කරමි:

var go = document.getElementById("go");
var txt = document.getElementById("txt");

txt.addEventListener("keypress", function(event) {
    event.preventDefault();
    if (event.keyCode == 13)
        go.click();
});

HTML පිරිසිදුව තබා ගනිමින් සිදුවීම් වර්ගය සහ ක්‍රියාව වෙන වෙනම වෙනස් කිරීමට මෙය ඔබට ඉඩ සලසයි.

මෙය පිටත ඇති බවට වග බලා ගැනීම වටී යැයි සලකන්න,<form> මන්ද මම මෙම මූලද්‍රව්‍යයන් ඒවා තුළට කොටු කළ විට Enter එබීමෙන් පෝරමය ඉදිරිපත් කර පිටුව නැවත පූරණය විය. සොයා ගැනීමට බ්ලින්ක් කිහිපයක් මා වෙත ගෙන ගියේය.

දරන පරිපූරකයේ : @ruffin විසින් අදහස් දක්වා ස්තූතියි, මම අතුරුදහන් අවස්ථාවට හසුරුවන්නා හා එකතු කරලා තියනවා preventDefault(අනුමාන) මෙන්ම ආකෘතිය තුල වැඩ කිරීමට මෙම කේතය ඉඩ. (මම මෙය පරීක්ෂා කිරීමට යොමු වෙමි, එම අවස්ථාවේදී මම වරහන් අන්තර්ගතය ඉවත් කරමි.)

සරල ජාවාස්ක්‍රිප්ට් හි,

if (document.layers) {
  document.captureEvents(Event.KEYDOWN);
}

document.onkeydown = function (evt) {
  var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
  if (keyCode == 13) {
    // For Enter.
    // Your function here.
  }
  if (keyCode == 27) {
    // For Escape.
    // Your function here.
  } else {
    return true;
  }
};

පිළිතුර ලබා දී ඇත්තේ jQuery වලින් පමණක් බව මම දුටුවෙමි, එබැවින් සරල ජාවාස්ක්‍රිප්ට් වලින් යමක් ලබා දීමට මම සිතුවෙමි.

මම සම්පූර්ණයෙන් සඳහන් කර නැති මේ සඳහා ඔබට භාවිතා කළ හැකි එක් මූලික උපක්‍රමයක්. ඔබට අජැක්ස් ක්‍රියාවක් කිරීමට හෝ එන්ටර් හි වෙනත් වැඩක් කිරීමට අවශ්‍ය නමුත් ඇත්ත වශයෙන්ම පෝරමයක් ඉදිරිපත් කිරීමට අවශ්‍ය නැතිනම් ඔබට මෙය කළ හැකිය:

<form onsubmit="Search();" action="javascript:void(0);">
    <input type="text" id="searchCriteria" placeholder="Search Criteria"/>
    <input type="button" onclick="Search();" value="Search" id="searchBtn"/>
</form>

ක්‍රියාව සැකසීම = "javascript: void (0);" පෙරනිම හැසිරීම වැළැක්වීම සඳහා මෙය කෙටිමඟකි. මෙම අවස්ථාවෙහිදී ඔබ එන්ටර් එබුවද නැතහොත් බොත්තම ක්ලික් කළද යන්න ක්‍රමයක් ලෙස හැඳින්වෙන අතර සමහර දත්ත පැටවීම සඳහා අජැක්ස් ඇමතුමක් ලබා දේ.

උත්සහ කරන්න:

<input type="text" id="txtSearch"/>
<input type="button" id="btnSearch" Value="Search"/>

<script>             
   window.onload = function() {
     document.getElementById('txtSearch').onkeypress = function searchKeyPress(event) {
        if (event.keyCode == 13) {
            document.getElementById('btnSearch').click();
        }
    };

    document.getElementById('btnSearch').onclick =doSomething;
}
</script>

ඇතුළත් කිරීමේ යතුර එබූ සෑම අවස්ථාවකම සෙවුමක් ආරම්භ කිරීමට, මෙය භාවිතා කරන්න:

$(document).keypress(function(event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode == '13') {
        $('#btnSearch').click();
    }
}

onkeydown="javascript:if (event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('btnSearch').click();}};"

මෙය තරමක් මෑත කාලීන ව්‍යාපෘතියකින් මා සතුව ඇති දෙයක් පමණි ... මම එය ජාලයෙන් සොයාගත්තෙමි, වඩා හොඳ ක්‍රමයක් තිබේද නැතිනම් සරල පැරණි ජාවාස්ක්‍රිප්ට් වල තිබේද යන්න ගැන මට කිසිම අදහසක් නැත.

භාවිතය keypressහා event.key === "Enter"නූතන JS සමග!

const textbox = document.getElementById("txtSearch");
textbox.addEventListener("keypress", function onEvent(event) {
    if (event.key === "Enter") {
        document.getElementById("btnSearch").click();
    }
});

මොසිල්ලා ඩොක්ස්

සහාය දක්වන බ්‍රව්සර්

කෙසේ වෙතත්, මට හොඳටම විශ්වාසයි පෝරමයේ එක් ක්ෂේත්‍රයක් සහ එක් ඉදිරිපත් කිරීමේ බොත්තමක් ඇති තාක් කල්, පිටුවේ වෙනත් පෝරමයක් තිබුණද, එන්ටර් එබීමෙන් පෝරමය ඉදිරිපත් කළ යුතුය.

එවිට ඔබට js සමඟ onsubmit පෝරමය ග්‍රහණය කර ඔබට අවශ්‍ය ඕනෑම වලංගු කිරීමක් හෝ ඇමතුම් ලබා ගත හැකිය.

ටික වේලාවකින් ලබා ගත හැකි html attibute "accesskey" කිසිවෙකු දුටුවේ නැත.

මෙය යතුරුපුවරු කෙටිමං දේවල් සඳහා ජාවාස්ක්‍රිප්ට් ක්‍රමයක් නොවේ.

එම්ඩීඑන් හි කෙටිමං වලට ප්‍රවේශවීමේ ගුණාංග ආරෝපණය කරයි

මේ ආකාරයට භාවිතා කිරීමට අදහස් කර ඇත. Html ගුණාංගය ප්‍රමාණවත්ය, කෙසේ වෙතත් අපට බ්‍රව්සරය සහ OS මත පදනම්ව ස්ථාන දරන්නා හෝ වෙනත් දර්ශකයක් වෙනස් කළ හැකිය. පිටපත යනු අදහසක් ලබා දීම සඳහා පරීක්ෂා නොකළ සීරීම් ප්‍රවේශයකි. කුඩා බවුසරය වැනි බ්‍රව්සර් පුස්තකාල අනාවරකයක් භාවිතා කිරීමට ඔබට අවශ්‍ය විය හැකිය

let client = navigator.userAgent.toLowerCase(),
    isLinux = client.indexOf("linux") > -1,
    isWin = client.indexOf("windows") > -1,
    isMac = client.indexOf("apple") > -1,
    isFirefox = client.indexOf("firefox") > -1,
    isWebkit = client.indexOf("webkit") > -1,
    isOpera = client.indexOf("opera") > -1,
    input = document.getElementById('guestInput');

if(isFirefox) {
   input.setAttribute("placeholder", "ALT+SHIFT+Z");
} else if (isWin) {
   input.setAttribute("placeholder", "ALT+Z");
} else if (isMac) {
  input.setAttribute("placeholder", "CTRL+ALT+Z");
} else if (isOpera) {
  input.setAttribute("placeholder", "SHIFT+ESCAPE->Z");
} else {'Point me to operate...'}

<input type="text" id="guestInput" accesskey="z" placeholder="Acces shortcut:"></input>

මෙය සියලු දෙනාටම විසඳුමකි යූඅයිපිටත සිටින පෙම්වතුන් :

Y.on('keydown', function() {
  if(event.keyCode == 13){
    Y.one("#id_of_button").simulate("click");
  }
}, '#id_of_textbox');

මෙම විශේෂ අවස්ථාවෙහිදී, බොත්තම් ක්‍රියාකාරිත්වයට එන්නත් කර ඇති DOM වස්තු අවුලුවාලීම සඳහා YUI භාවිතා කිරීමෙන් වඩා හොඳ ප්‍රති results ල මට ලැබුණි - නමුත් මෙය තවත් කතාවකි ...

දී Angular2 :

(keyup.enter)="doSomething()"

ඔබට බොත්තමෙහි දෘශ්‍ය ප්‍රතිපෝෂණ අවශ්‍ය නොවන්නේ නම්, බොත්තම යොමු නොකොට පාලකය වෙත කෙලින්ම ආයාචනා කිරීම හොඳ සැලසුමකි.

එසේම, හැඳුනුම්පත අවශ්‍ය නොවේ - දර්ශනය සහ ආකෘතිය අතර වෙන්වීමේ තවත් NG2 ක්‍රමයක්.

ඔබට අවශ්‍ය මෙම අවස්ථාවෙහිදී පෝස්ට් සිට සර්වරය දක්වා ඇතුල් කිරීමේ බොත්තම ක්‍රියාත්මක කර Js ස්ක්‍රිප්ට් ක්‍රියාත්මක කරන්න.

<input type="text" id="txtSearch" onkeydown="if (event.keyCode == 13)
 {document.getElementById('btnSearch').click(); return false;}"/>
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />

මෙම හුවමාරු කිරීමේ උත්සාහය ආසන්න නමුත් බ්‍රව්සරය සම්බන්ධයෙන් වැරදි ලෙස හැසිරෙන්නේ (සෆාරි 4.0.5 සහ ෆයර්ෆොක්ස් 3.6.3 මත), එබැවින් අවසානයේ මම එය නිර්දේශ නොකරමි.

<input type="text" id="txtSearch" onchange="doSomething();" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />

event.returnValue = false

සිදුවීම හැසිරවීමේදී හෝ ඔබගේ සිදුවීම් හසුරුවන්නා ඇමතීමේදී එය භාවිතා කරන්න.

එය අවම වශයෙන් ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් සහ ඔපෙරා වල ක්‍රියා කරයි.

Jquery ජංගම දුරකථන සඳහා මට කළ යුතුව තිබුණි

$('#id_of_textbox').live("keyup", function(event) {
    if(event.keyCode == '13'){
    $('#id_of_button').click();
    }
});

අමතා බව සම්පූර්ණයෙන්ම සරල JavaScript විසඳුමක් එක් කිරීමට ආකෘති පත්රය ඉදිරිපත් කිරීම සමග icedwater විසින් නිකුත් කරන @ , මෙහි සම්පූර්ණ විසඳුමක් තියෙන්නේ සමගform .

සටහන: මෙය IE9 + ද ඇතුළුව “නවීන බ්‍රව්සර්” සඳහා ය. IE8 අනුවාදය වඩා සංකීර්ණ නොවන අතර මෙහි ඉගෙන ගත හැකිය .

ෆෙඩල්: https://jsfiddle.net/rufwork/gm6h25th/1/

HTML

<body>
    <form>
        <input type="text" id="txt" />
        <input type="button" id="go" value="Click Me!" />
        <div id="outige"></div>
    </form>
</body>

ජාවාස්ක්‍රිප්ට්

// The document.addEventListener replicates $(document).ready() for
// modern browsers (including IE9+), and is slightly more robust than `onload`.
// More here: https://stackoverflow.com/a/21814964/1028230
document.addEventListener("DOMContentLoaded", function() {
    var go = document.getElementById("go"),
        txt = document.getElementById("txt"),
        outige = document.getElementById("outige");

    // Note that jQuery handles "empty" selections "for free".
    // Since we're plain JavaScripting it, we need to make sure this DOM exists first.
    if (txt && go)    {
        txt.addEventListener("keypress", function (e) {
            if (event.keyCode === 13)   {
                go.click();
                e.preventDefault(); // <<< Most important missing piece from icedwater
            }
        });

        go.addEventListener("click", function () {
            if (outige) {
                outige.innerHTML += "Clicked!<br />";
            }
        });
    }
});

නූතන, අවතක්සේරු නොකළ (නැතිව keyCodeහෝ නැති onkeydown) ජාවාස්ක්‍රිප්ට්:

<input onkeypress="if(event.key == 'Enter') {console.log('Test')}">

document.onkeypress = function (e) {
 e = e || window.event;
 var charCode = (typeof e.which == "number") ? e.which : e.keyCode;
 if (charCode == 13) {

        // Do something here
        printResult();
    }
};

මෙන්න මගේ ශත දෙක. මම වින්ඩෝස් 8 සඳහා යෙදුමක වැඩ කරමින් සිටින අතර මම එන්ටර් බොත්තම එබූ විට බොත්තම ක්ලික් කිරීමේ සිදුවීමක් ලියාපදිංචි කිරීමට අවශ්‍යය. මම මෙය ජේ.එස්. මම යෝජනා කිහිපයක් උත්සාහ කළ නමුත් ගැටළු ඇති විය. මෙය හොඳින් ක්‍රියාත්මක වේ.

JQuery සමඟ එය කිරීමට:

$("#txtSearch").on("keyup", function (event) {
    if (event.keyCode==13) {
        $("#btnSearch").get(0).click();
    }
});

සාමාන්‍ය ජාවාස්ක්‍රිප්ට් සමඟ එය කිරීමට:

document.getElementById("txtSearch").addEventListener("keyup", function (event) {
    if (event.keyCode==13) { 
        document.getElementById("#btnSearch").click();
    }
});

සංක්ෂිප්ත හා නවීන ජේඑස් ප්‍රවේශයට කැමති අය සඳහා.

input.addEventListener('keydown', (e) => {if (e.keyCode == 13) doSomething()});

එහිදී ආදාන ඔබගේ ආදාන අංගයක් අඩංගු විචල්යයක් නම් වේ.

නවීන JS keyCodeඅතහැර දමා ඇති නිසා, keyඒ වෙනුවට භාවිතා කරන්න

searchInput.onkeyup = function (e) {
    if (e.key === 'Enter') {
        searchBtn.click();
    }
}

JQuery හි, ඔබට භාවිතා කළ හැකිය event.which==13. ඔබට එය තිබේ නම් form, ඔබට භාවිතා කළ හැකිය $('#formid').submit()(නිවැරදි පෝරම ඉදිරිපත් කිරීමට නිවැරදි සිදුවීම් සවන්දෙන්නන් සමඟ).

$('#textfield').keyup(function(event){
   if(event.which==13){
       $('#submit').click();
   }
});
$('#submit').click(function(e){
   if($('#textfield').val().trim().length){
      alert("Submitted!");
   } else {
    alert("Field can not be empty!");
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="textfield">
Enter Text:</label>
<input id="textfield" type="text">
<button id="submit">
Submit
</button>

පංතිය එකතු කිරීමෙන් මෙම අංගය සාක්ෂාත් කර ගැනීම සඳහා මම අභිරුචි ජාවාස්ක්‍රිප්ට් නිර්මාණය කර ඇත්තෙමි

උදාහරණයක්: <button type="button" class="ctrl-p">Custom Print</button>

මෙන්න එය පරීක්ෂා කරන්න ෆිදෙල්
- හෝ -
ධාවන උදාහරණය බලන්න https://stackoverflow.com/a/58010042/6631280

සටහන: වත්මන් තර්කනය මත, ඔබ Ctrl+ ඔබන්නEnter

කෙටි වැඩ කරන පිරිසිදු ජේ.එස්

txtSearch.onkeydown= e => (e.key=="Enter") ? btnSearch.click() : 1

txtSearch.onkeydown= e => (e.key=="Enter") ? btnSearch.click() : 1

function doSomething() {
  console.log('💩');
}

<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />

මෙය හොඳ ජාවාස්ක්‍රිප්ට් ශ්‍රිතයක් සඳහාද උපකාරී වේ.

<script type="text/javascript">
function blank(a) { if(a.value == a.defaultValue) a.value = ""; }

function unblank(a) { if(a.value == "") a.value = a.defaultValue; }
</script> 
<input type="text" value="email goes here" onfocus="blank(this)" onblur="unblank(this)" />

මෙම ප්‍රශ්නය විසඳා ඇති බව මම දනිමි, නමුත් මම යමක් සොයාගත්තෙමි, එය අන් අයට ප්‍රයෝජනවත් විය හැකිය.