栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用JavaScript在文本框中的Enter键上触发按钮单击

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用JavaScript在文本框中的Enter键上触发按钮单击

在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 pre 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>

或在纯Javascript中,以下方法将起作用:

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 pre 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>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442085.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号