十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
$("#输入框id").keyup(function(){
成都创新互联是一家专注于网站制作、成都网站设计与策划设计,武宣网站建设哪家好?成都创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:武宣等地区。武宣做网站价格咨询:028-86922220
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
按下回车键执行事件需要使用监听键盘按键来实现,然后就和普通的事件绑定一样写处理事件函数即可。
工具原料:编辑器、浏览器
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
jquery
实现回车登
1.button按钮提交方式
//按钮事件
$(‘#btnSumit‘).click(function()
{
alert(‘测试‘);
});
//回车提交事件
$("body").keydown(function()
{
if
(event.keyCode
==
"13")
{//keyCode=13是回车键
$(‘#btnSumit‘).click();
}
});
2.form表单提交方式
a.使用jquery
$("body").bind(‘keyup‘,function(event)
{
if(event.keyCode==13){
document.form.submit();
}
});
b.非jquery
body
onkeyup="autosubmit()"//添加监听事件
function
autosubmit(){//事件触发函数
if(event.keyCode==13){
document.form.submit();
}
}
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
我是想做这样的操作
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提交数据,实现就不写了}