键盘enter事件一个页面绑定多次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>键盘enter事件一个页面绑定多次</title>

<script src="js/jquery-1.10.2.min.js"></script>

</head>

<body>

<script type="text/javascript">

//注册键盘事件

document.onkeydown = function(e) {

//捕捉回车事件

var ev = (typeof event!= ‘undefined‘) ? window.event : e;

if(ev.keyCode == 13 && document.activeElement.id == "msg") {//activeElement活动事件,该事件只可以使用于输入域中

alert("获取到内容:" + document.activeElement.value);

}else if(ev.keyCode==13&& document.activeElement.name==‘temp1‘){

$("#temp").click();

}

}

function show1(){

$("#temp").css("color","red");

}

</script>

<input type="text" id="msg" value="">

<form>

<input name="temp1"  type="text" />

<input name="temp1" type="text" />

<input name="temp1" type="text" />

<a onclick="show1();" title="1" id="temp">点击</a>

</form>

</body>

</html>

时间: 2024-09-28 17:25:49

键盘enter事件一个页面绑定多次的相关文章

vue.js 键盘enter事件的使用

在监听键盘事件时,我们经常需要检查常见的键值.Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <!-- 只有在 `keyCode` 是 13 时调用 `vm.submit()` --><input v-on:keyup.13="submit"> 记住所有的 keyCode 比较困难,所以 Vue 为最常用的按键提供了别名: <!-- 同上 --><input v-on:keyup.enter="submit"&g

键盘回车事件导致页面刷新的问题

我最近在做一个 Ajax 查询的功能,代码如下:   <form name="keywordForm" method="post" action="">    <p id="profile_nav">    <label for="profile"> 关键字搜索: </label>    <input style="width:80; heig

如何绑定android点击事件--跳转到另一个页面并实现关闭功能?

一.点击按钮跳转到另一个页面. eg:实现从一个页面点击跳转到另一个页面 1.首先在一个布局文件(.XML)中绘画了一个跳转按钮(id为btn1): <Button         android:id="@+id/btn1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:tex

[jQuery编程挑战]003 克隆一个页面元素及其相关事件

挑战: a) 绑定一个点击方法到这个div,点击后此元素会淡出消失 b) 同时克隆一个新的div元素到页面,元素内容是前面div文字内容反向书写(即,sgatbg olleh),同样也具有上面的点击事件绑定,元素淡出消失 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>克隆一个页面元素及其相关元素</titl

jquery的自定义事件通过on绑定trigger触发

jquery绑定自定义事件,可以实现预先绑定好一个处理方法,当需要使用的时候利用jquery trigger来触发自定义事件,以达到方便快捷的目的.我们来假设一个这样的场景,一个textarea中的字数计算,如果是直接键盘输入或者粘贴进来的话,是可以使用input方法检测到,但是如果是通过js插入的文本,这个时候input事件就监测不到了,这个时候如果我们事先给绑定一个myChange事件,它的回调函数就是来处理计算其中的文本字数的,我们在使用js给这个textarea赋值以后,连缀写上.tri

Div里面载入另一个页面的实现(取代框架)(AJax)

随着框架越来越不火了,HTML5就不对框架支持了,iframe也只有url了,Div就担当了此大任 DIV+CSS在页面部局确实也很让人满意,使用也更方便 今天突然遇到一个问题,那就是需要导入另一个页面显示在当前页的Div里面 我当然可以用iFrame啥的,不过那不是我想要的方法 在网上查了半天,方法也很多,不过有不满意的地方,因为多数都会用JQuery 呆会在下部分会给出jQuery的实现 而且因为要导入的页面还有一些特效,而不是单纯的数据,例如,我导过来的页面样式都要保持! 我要实现的是教你

搜索栏的使用(UISearchBar)(跳转到下一个页面,搜索栏消失)

导航栏上 添加按钮和触发事件(一句代码添加导航栏的按钮和方法) self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]initWithTitle:@"删除" style:UIBarButtonItemStylePlain target:self action:@selector(selectRightAction:)]; 1.初始化搜索栏 UISearchBar *searchBar = [[UISearchB

[转]Div里面载入另一个页面的实现(取代框架)(AJax)

原文地址:http://blog.csdn.net/shaobingj126/article/details/23676759 随着框架越来越不火了,HTML5就不对框架支持了,iframe也只有url了,Div就担当了此大任 DIV+CSS在页面部局确实也很让人满意,使用也更方便 今天突然遇到一个问题,那就是需要导入另一个页面显示在当前页的Div里面 我当然可以用iFrame啥的,不过那不是我想要的方法 在网上查了半天,方法也很多,不过有不满意的地方,因为多数都会用JQuery 呆会在下部分会

使用php后台给自己做一个页面路由,配合ajax实现局部刷新。

今天就要放假了,把近来囤积的小玩意儿总结整理一下. 在请求一个html页面来嵌入到当前页会有一个问题,就是跟随请求过来的html他的样式表和脚本会失效.是因为文档加载的先后顺序等问题造成的.因此,加载一些纯文本还好. 举个例子,只有这个问题明白了,我们的原理才好理解. b.html有一个点击事件,但是a.html通过ajax拿到b.html后,如果这个b.html的js不是写在页面里面的,你就会发现没有生效.css样式也一样,都需要重新绑定一下. 首先定义两个页面,一个父页面a.html,一个b