JavaScript 回车 焦点切换(摘抄)

<!-- 这是回车转换行的代码段-->
<script language=‘javascript‘ for=‘document‘ event=‘onkeydown‘>
if(event&&event.srcElement){
srcEle=event.srcElement;
if((event.keyCode||event.charCode)==13 && srcEle.tagName.toUpperCase()==‘INPUT‘ && srcEle.type.toUpperCase()==‘TEXT‘)
event.keyCode=event.charCode=9;
}
</script>

时间: 2024-11-02 07:33:03

JavaScript 回车 焦点切换(摘抄)的相关文章

enter回车---焦点切换

$(function(){ $('.enter').bind('keydown',function(e){ var inputs = $('.enter_cash'); var key = e.which; if(key == 13){ //13键盘 回车的 值 e.preventDefault(); //阻止默认事件 var nxtIdx = inputs.index(this) + 1; //当前数字元素的索引 inputs.eq(nxtIdx).focus(); //下一个元素获得焦点 }

JavaScript实现回车键切换输入框焦点

用JavaScript实现回车键切换输入框焦点的功能,不是回车换行哦,在Textarea中,回车换行是默认功能,不过若要在textarea中使用 回车切换输入框焦点功能的话,回车换行就要失效了,不过input对象可以用,一般在表单中,input元素是比较多的,下面来个例子: <script type="text/javascript"> function handleEnter (field, event) { var keyCode = event.keyCode ? e

javascript实现自动切换焦点功能学习

当用户在表单中填写完当前字段后,能否自动将焦点跳转到下一个字段以方便用户输入? 为了增强易用性,加快数据输入的速度,可以在前一个文本框中的字符达到一定的设置的字符长度后(比如电话号码,身份证号等),用户输入完后,自动将焦点切换到下一个文本框中.可以使用JS来实现这一功能. 思路:首先,比较用户输入的值和文本框中的maxlength特性,确定是否达到了指定的长度(或者允许输入的最大长度),如果这两个值相等,就去查找表单字段的集合,找到下一个文本框,将焦点切换到该文本框中. 代码: 1 <!DOCT

为JQuery EasyUI 表单组件增加“焦点切换”功能

1.背景说明 在使用 JQuery  EasyUI 各表单组件时,实际客户端页面元素是由 JQuery EasyUI 生成的,元素的焦点切换,虽然 Tab 键可以正常用,但顺序控制属性 tabindex 不起作用,因为页面看到的元素,是生成的,没有tabindex 属性,而真实的元素被隐藏了.本文通过一个自定义函数,实现Tab 和 回车键的焦点切换功能. 2.函数定义 通过捕获窗口按件,对回车和Tab键进行了热点切换处理.先根据当前焦点,获取需要tabindex 属性,加1后为下一焦点无素的属性

javascript 回车替换成TAB

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script lang="javascript"> function check() { var name = document.getElementById("name").value; var passwor

Kivy A to Z -- 如何实现焦点切换效果

Kivy是面向触屏设备的,对键盘,遥控器等输入设备的处理比较弱,但是有时候我们又需要实现对按键的处理,如通过方向键切换焦点,这篇文章来讨论下如何去实现. 在看下面的代码之前,最好是对Kivy的UI系统有一个基本的了解. 按照惯例,我们先上代码,然后再对代码进行解释: focustest.py import kivy kivy.require('1.8.0') from kivy.app import App from kivy.properties import StringProperty,B

[前端] html+css+javascript 实现选项卡切换效果

用html+css+js实现选项卡切换效果 使用之前学过的综合知识,实现一个新闻门户网站上的常见选项卡效果: 文字素材: 房产: 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房 家居: 40平出租屋大改造 美少女的混搭小窝 经典清新简欧爱家 90平老房焕发新生 新中式的酷色温情 66平撞色活泼家居 瓷砖就像选好老婆 卫生间烟道的设计 二手房: 通州豪华3居260万 二环稀缺2居

回车tab切换

//event表示事件对象,keyCode表示键值,srcElement事件源 function changeCommand(){ //如果按下的是回车,并且不是提交按钮,不是重置按钮,则回车认为是tab键  if(event.keyCode==13 && event.srcElement.type!="submit"&&event.srcElement.type!="reset"){   event.keyCode = 9;  } 

JavaScript打造无缝切换

原文摘自我的前端博客,欢迎大家来访问 http://hacke2.github.io/ 起因 一年前写管理学院的时候,那时候做首页有一个幻灯片,由于之前没交流好,CL写的静态页面幻灯片图片是在背景里,让我用jq写, 当时就感觉特别啃爹,图片写在了css里..好坑爹,自己又懒得改,只能硬着头皮用jq写,一堆临时变量,如num++,各种奇葩,最后加了 个jq淡隐淡出的效果,就交差了,,代码如下:   function trim(s) { return s.replace(/^\s*/, ""