扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
document.onkeydown = function (event) {
创新互联公司公司2013年成立,是专业互联网技术服务公司,拥有项目成都网站设计、网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元牡丹江做网站,已为上家服务,为牡丹江各地企业和个人服务,联系电话:18980820575
var e = event || window.event || arguments.callee.caller.arguments[0];
if (e e.keyCode) {
alert(e.keyCode);
}
}
每个键盘代表一个数字,37,38,39,40希望对你有帮助
一、设计思路:设计一个简单的输入对话框,然后按下enter进行输入事件。
二、聊天输入框的代码如下:
三、此时的页面展示如下:
四:设计函数,使得输入文字时,按下按钮可以提交到聊天框。
五、此时在页面上测试,输入一段文字:
六、执行结果如下:
七、设计函数,使得按下enter跟按钮同样的功能:
八、刷新页面,测试:
首先
p id="keys" onKeyPress="keyContent(event);"
这句的 onKeyPress 多余了,因为上面的 JS 代码已经给他绑定。
其次,因为这个 p 不可编辑,所以不会产生 keypress 事件。
给你改一下程序,监听 window 的 keypress,显示在指定区域。
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
titleJavaScript测试/title
script language="javascript" type="text/javascript"
function keyContent(e) {
if (!e) e = window.event;
if (e.keyCode) keyCode = e.keyCode;
else keyCode = e.which;
character = String.fromCharCode(keyCode);
k = document.getElementById("keys");
k.innerHTML += character;
}
window.onload = function() {
k = window;
if (k.addEventListener) {
k.addEventListener('keypress', keyContent, false);
}
else if (k.attachEvent) {
k.attachEvent('onkeypress', keyContent);
}
}
/script
/head
body
pDisplaying Typed Characters/p
pThis document includes a simple script that displays the keys you type in the paragraph below. Type a few keys and try it. /p
p id="keys" style="border: 1px solid #FF0000; width:300px; height:200px;"
/p
/body
/html
因为在键盘编码中没有哪个按键的编码值是0,所以将event.keyCode设置为0,进而屏蔽掉退格键的编码值。大概是这样吧。
event.returnValue=false;这句话就是取消退格键的那个功能。嗯
script type="text/javascript" language=JavaScript charset="UTF-8"
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e e.keyCode==27){ // 按 Esc
//要做的事情
}
if(e e.keyCode==113){ // 按 F2
//要做的事情
}
if(e e.keyCode==13){ // enter 键
//要做的事情
}
};
/script
只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。
我做了一个jsp页面,里面有个搜索的功能,搜索是一个放大镜模样的图片,我给了个链接去执行函数,具体代码是:span onclick="_search();"img src="images/search.gif" border="0" 现在用鼠标点这个搜索图片是没问题的
有搜索条件输入框不?
有的话就在输入框加上onkeypress="if (event.keyCode == 13) _search();"
没有的话就给body加上面这段
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流