$("#输入框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+"/";
%>
//使用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);
});
*/
});
按下回车键执行事件需要使用监听键盘按键来实现,然后就和普通的事件绑定一样写处理事件函数即可。
工具原料:编辑器、浏览器
1、实现一个按键事件,按下回车键触发一个处理函数,简单的代码示例如下:
2、运行的结果如下:
jquery 文本框按下回车键执行事件的写法:
第一步,在body中添加一个input标签。添加按键点击事件onKeyDown。
第二步,编写js代码。通过设置回车点击事件,弹出提示信息。
打开浏览器,加载此页面。在输入框中按下回车键,弹出提示信息。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
$("#输入框id").keyup(function(){
if(event.keyCode == 13){
//这里写你要执行的事件;
}
});
网页链接
简单地记下jquery实现回车事件,代码如下:
全局:
$(function(){
document.onkeydown = function(e){
var ev = document.all ? window.event : e;
if(ev.keyCode==13) {
$('#FormId).submit();//处理事件
}
}
});
某个控件:
$('#id').keydown(function(e){
if(e.keyCode==13){
$('#FormId).submit(); //处理事件
}
});