重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
按下回车键执行事件需要使用监听键盘按键来实现,然后就和普通的事件绑定一样写处理事件函数即可。
成都创新互联公司是专业的龙井网站建设公司,龙井接单;提供成都做网站、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行龙井网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
工具原料:编辑器、浏览器
1、实现一个按键事件,按下回车键触发一个处理函数,简单的代码示例如下:
1
2
3
4
5
6
7
8
9
body
input type="text" id="searchvalue" value="" /
script type="text/javascript"
$("#searchvalue").keydown(function() {//给输入框绑定按键事件
if(event.keyCode == "13") {//判断如果按下的是回车键则执行下面的代码
alert('按下了回车键');//弹出提示信息
}
})
/script
当用户按下enter键时触发from提交,而不只是点击提交按钮才提交!这样更友好。 13表示enter按键的keyCode编码
jquery的键盘事件分为keypress、keydown和keyup事件
一、键盘事件
1、keypress()事件
keypress当按钮被按下时,会发生该事件,我们可以理解为按下并抬起同一个按键。
2、keydown()事件
当按钮被按下时,发生 keydown 事件(多用于游戏开发,比如一直按空格键进行攻击)。
3、keyup事件
keyup 事件会在按键释放时触发,也就是你按下键盘起来后的事件
二、通过键盘事件可以进行相应操作
$(document).ready(function() {
//释放按键时
$(document).keyup(function(event){
if(event.keyCode=="13"){ //13表示回车键的代码
alert("释放按键");
}
})
//按下按键时
$(document).keydown(function(event){
if(event.keyCode=="13"){
alert("按下按键");
}
})
//输入字符时
$(document).keypress(function(event){
if(event.keyCode=="13"){
alert("输入字符");
}
})
//获取键盘的 键码值 方法(如果不知道某个键对应的 键码值,可用这个方法,在键盘上按该键,就会弹出对应的值 )
$(document).keyup(function(event){
alert(event.keyCode);
})
});
$("#输入框id").keyup(function(){
if(event.keyCode == 13){
//这里写你要执行的事件;
}
});
扩展资料:
JQuery简单的按钮点击和文本框输入事件
%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%
%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
base href="%=basePath%"
titleMy JSP 'test.jsp' starting page/title
meta http-equiv="pragma" content="no-cache"
meta http-equiv="cache-control" content="no-cache"
meta http-equiv="expires" content="0"
meta http-equiv="keywords" content="keyword1,keyword2,keyword3"
meta http-equiv="description" content="This is my page"
!--
link rel="stylesheet" type="text/css" href="styles.css"
--
script type="text/javascript" src="script/jquery-1.8.3.min.js"/script
script type="text/javascript"
$(document).ready(function(){
$("#clickme").click(function(){
alert("Hello World click");
});
$('#clickmebind').bind("click", function(){
alert("Hello World bind");
});
$('#clickmeon').on('click', function(){
alert("Hello World on");
});
});
/script
script type="text/javascript"
//使用id的方式获取
$(document).ready(function(){
//1
$("#button_text1").click(function(){
var result1 = $("#input_text1").val();
alert("result1 = " + result1);
});
//2
$("#button_text2").click(function(){
var result2 = $("input[id='input_text2']").val();
alert("result2 = " + result2);
});
//3
$("#button_text3").click(function(){
var result3 = $("input[id='input_text3']").attr("value");
alert("result3 = " + result3);
});
//4. 可以通过type的值来获取input中的值(未演示)
/*
$("#button_text4").click(function(){
var result4 = $("input[type='text']").val();
alert("result4 = " + result4);
});
*/
//5. 可以通过name的值来获取input中的值(未演示)
/*
$("#button_text5").click(function(){
var result5 = $("input[name='text']").val();
alert("result5 = " + result5);
});
*/
});
/script
/head
body
h1根据ID来判定/h1
input type="button" name="clickmes" id="clickme" value="click me" /
input type="button" name="clickmebinds" id="clickmebind" value="clickme_bind" /
input type="button" name="clickmeons" id="clickmeon" value="clickme_on" /
!-- 获取文本框的值:方式一 --
div id="test1"
input id="input_text1" type="text" value="test1" style="width: 100px;" /
button id="button_text1"test1/button
/div
!-- 获取文本框的值:方式二 --
div id="test2"
input id="input_text2" type="text" value="test2" style="width: 100px;" /
button id="button_text2"test2/button
/div
!-- 获取文本框的值:方式三 --
div id="test3"
input id="input_text3" type="text" value="test3" style="width: 100px;" /
button id="button_text3"test3/button
/div
/body
/html
按 回车 键时 触发指定按钮进行的操作就好把,比如说 button1 是 form1 提交, 那么当用户按回车键时 就通过js把form1提交了就好
楼主你想实现什么功能?其实你所说的有点问题,你写的那个方法是在文本框值发生改变的时候写的,这时候你敲回车,其实相当于直接点按钮提交页面,在这之前,文本框失去交点,这时候文本框的值跟原来的就会不同,触发change事件,接着触发click事件,这是理所应该的
我是想做这样的操作
element.onclick=function(e){
02020202 回车事件;
//在这里自动触发一次回车,相当于做了一个单击操作后,用户按了回车键,其实用户没有按回车
02020202 其他处理}02问题补充:
1. $(elem).keydown(function(event){
2. if(event.keyCode==13){
3. //doSth
4. }
不知道大家明不明白我的意思问题补充:我这个需求是在jqgrid的工具条中使用的,增加了一个按钮,按钮事件如下:
onClickButton:function(){
//因为在编辑grid cell的时候,如果不按回车,或者焦点离开正在编辑的
//cell,jqgrid认为这一个cell 没有被修改过,所以在这里我想触发一个回车事件
//使焦点所在的cell变成已编辑状态,这样下面的cc中才能获取到完整的修改过的//cell
//在此处增加自动触发回车,而非用户按回车键
var cc = jQuery("#info").getChangedCells();//获取所有修改过的cell
if(cc.length =0){
alert('没有修改的数据');
jQuery.ajax({});//这几做一个ajax提交数据,实现就不写了}