`

Jquery回车切换焦点

阅读更多
支撑代码
/**
 * 回车切换焦点
 * 
 * @param {}
 *            eles要遍历的控件组
 * @param {}
 *            ele要定位的控件
 * @param {}
 *            call要响应的函数
 */
function enterChangeFocus(eles, ele, call) {
	var elesLen = eles.length
	var eleIdx = eles.index(ele)
	if (eleIdx == elesLen - 1) {
		if (call != null) {
			formEvent(call);
		} else {
			eles[0].focus();
		}
	} else {
		eles[eleIdx + 1].focus();

	}
}
/**
 * 获取表单select
 * 
 * @param {}
 *            formId
 * @return {}
 */
function getFS(formId) {
	return $j('#' + formId + ' select');
}
function getFSd(formId) {
	return $j('#' + formId + ' select[disabled]');
}
/**
 * 获取表单元素input text
 * 
 * @param {}
 *            formId
 * @return {}
 */
function getFIT(formId) {
	return $j('#' + formId + ' input:text');
}
function getFIP(formId) {
	return $j('#' + formId + ' input:password');
}
/**
 * 获取表单元素只读的input text
 * 
 * @param {}
 *            formId
 * @return {}
 */
function getFITr(formId) {
	return $j('#' + formId + ' input[readonly]:text');
}
function getFITd(formId) {
	return $j('#' + formId + ' input[disabled]:text');
}
/**
 * 获取表单元素input radio
 * 
 * @param {}
 *            formId
 * @return {}
 */
function getFIR(formId) {
	return $j('#' + formId + ' input:radio');
}
/**
 * 获取表单元素input password
 * 
 * @param {}
 *            formId
 * @return {}
 */
function getFIP(formId) {
	return $j('#' + formId + ' input:password');
}
/**
 * 获取表单元素input checkbox
 * 
 * @param {}
 *            formId
 * @return {}
 */
function getFIC(formId) {
	return $j('#' + formId + ' input:checkbox');
}
/**
 * 获取表单元素 textarea
 * 
 * @param {}
 *            formId
 * @return {}
 */
function getFITT(formId) {
	return $j('#' + formId + ' textarea');
}


使用方法

$(document).ready(function() {
	$("#表单").resetForm();
	$("#表单第一个元素").focus();
})
$(function() {

	$("#表单").keydown(function(e) {
		if (e.which == 13) {
			var formId = 'sszdwh';
			var eles = getFS(formId).add(getFIT(formId).not(getFITr(formId)))
					.add(getFIR(formId))
			var ele = $(document.activeElement);
			enterChangeFocus(eles, ele, '提交按钮ID');
			return false;
		}
	});
})

0
1
分享到:
评论

相关推荐

    Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法

    在这个案例中,用户需要在输入框中使用回车键(Enter)来切换焦点,这在很多在线表单中非常常见。然而,在网络上找到的现成代码很多时候并不尽如人意。它们可能因为过于陈旧,不再兼容当前的浏览器,或者只在特定的...

    基于Jquery的实现回车键Enter切换焦点

    在本文中,我们将深入探讨如何使用jQuery来实现回车键(Enter)切换焦点的功能,这是一种常见于表单处理中的交互设计。此功能已通过多种主流浏览器的测试,包括IE7、IE8、Firefox 3、Chrome 2和Safari 4,并在Visual...

    jquery 强制设置文本框处于英文输入法状态

    总结来说,面对“jquery 强制设置文本框处于英文输入法状态”的问题,开发人员可以利用jQuery事件处理和JavaScript的特性来控制文本框的输入模式,确保在扫描枪或其他输入设备触发时,系统不会误切换到中文输入法。...

    jQuery实现回车键(Enter)切换文本框焦点的代码实例

    在本例中,jQuery用于监听键盘事件,以及在输入框之间切换焦点。 知识点二:回车键(Enter)事件监听 在本例中,通过监听键盘事件(keydown)来实现回车键切换焦点的功能。当用户在文本框中按下键盘上的任意键时,...

    jQuery横向图片焦点图滚动效果,标题有打字机效果,兼容主流浏览器

    【jQuery横向图片焦点图滚动效果】是一种常见的网页设计技术,用于在有限的屏幕空间内展示多张图片,提升用户体验并吸引用户注意力。这种效果通常应用于网站的头部或产品展示区域,使得图片能够按照预设顺序自动切换...

    为JQuery EasyUI 表单组件增加焦点切换功能的方法

     在使用 JQuery EasyUI 各表单组件时,实际客户端页面元素是由 JQuery EasyUI 生成的,元素的焦点切换,虽然 Tab 键可以正常用,但顺序控制属性 tabindex 不起作用,因为页面看到的元素,是生成的,没有...

    JavaScript 回车 焦点切换

    本文主要探讨如何使用JavaScript代码实现回车键按下时,文本输入框之间焦点自动切换的功能。 ### JavaScript中实现焦点切换的核心思路 1. **监听键盘事件**:首先需要监听键盘按下事件。通常,我们会监听`keydown`...

    javascript回车完美实现tab切换功能

    实现回车键切换功能的基本思路是捕获键盘事件,然后根据当前焦点所在的输入框,将焦点转移到下一个需要的输入框。以下是详细步骤和代码示例: 1. 引入jQuery库:在页面的部分添加jQuery的链接,确保在使用任何...

    基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )

    在这篇文章中,我们讨论了如何使用jQuery来实现一个特定的Web界面交互效果,即用户在表单中按下回车键(Enter)时,焦点能够像按下Tab键一样跳转到下一个输入框。这个功能在很多表单操作中非常常见,能够提升用户...

    Enter回车切换输入焦点实现思路与代码兼容各大浏览器

    3. 切换焦点:确定当前焦点后,我们可以将焦点转移到下一个输入元素。如果当前输入元素是最后一个,那么焦点应该返回到第一个元素,或者执行提交操作(根据具体需求)。 二、代码实现 以下是一个示例代码,使用...

    JQUERY用户登陆界面特效

    7. **焦点管理**:利用`focus()`和`blur()`事件,可以自动控制表单元素的焦点,例如用户按下回车键时自动触发登录按钮,或者在输入错误时将焦点返回到错误字段。 8. **提示信息**:使用`.append()`或`.prepend()`...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    jquery登录界面案例

    使用jQuery,可以监听`keydown`事件,实现焦点在输入框和按钮间的切换,以及回车键触发登录操作。 7. **记住密码与自动填充** 为了提供更人性化的服务,登录界面还可以集成记住密码功能。这可以通过设置和读取...

    通过上下左右键和回车键切换光标实现代码

    标题提到的"通过上下左右键和回车键切换光标实现代码"就是一个典型的例子,目的是为了提高用户在输入数据时的操作效率,尤其是处理列表中多个文本框的情况。描述中提到了客户的需求:在列表中的文本框里,用户可以...

    jquery enter换行通用

    例如:在文本框中输入完毕后按下回车键进行搜索或者切换到下一个输入框。本文将详细介绍如何利用jQuery库来实现一个通用的“按下回车键换行”的功能,并确保该功能可以在各种主流浏览器上正常工作。 #### 二、关键...

Global site tag (gtag.js) - Google Analytics