`

实现表单回车功能呢

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">

   
	 $id = function (name){ 
		return document.getElementById(name);
	 }

	 $name = function (name){ 
		return document.getElementsByName(name);
	 } 

    
	function checkType(oType){ 
		var _initArr = new Array("text","password","checkbox","select-one","radio");

		for(var i = 0 ; i < _initArr.length ; i++){
			if(_initArr[i] == oType){
				return false ;
			}
		}
		
		return true ;
	}

	
	/*
    * 使页面上的对象Enter执行TAB,参数为范围对象的name/ID
    */ 
	function tabEnterJs(_formName){ 
		var form  = $id(_formName) ;
		for(var i=0;i<form.length;i++){   
			var _type = form.elements[i].type; 
			//if(checkType(_type)){
    		//	continue;
    		//}
    		form.elements[i].oldOnkeydown = form.elements[i].onkeydown;
    		form.elements[i].onkeydown=function(){
    			if(this.oldOnkeydown){
    				var okd = this.oldOnkeydown();
    				if(okd==false){
    					return false;
    				}
    			}
    			if(event.keyCode==13){
	    			event.keyCode=9;
    			}
    		} 
		}   
	} 
</script> 


 </HEAD>

 <BODY>
	<form id="form1">
		<input type="text" > 

		<input type="password" >
		<input type="text" >
		<input type="checkbox" >
		<input type="radio" name="rad" >
		
		<input type="text" >
		<select>
			<option>请选择</option>
			<option>111</option>
			<option>333</option>
			<option>222</option>
		</select>
		<input type="text" >
		<input type="button" value="普通按钮" >
		<input type="reset" value="重置" >
		<input type="submit" value="确定" >

	</form>
	
	
	<br>

<form id="form2">
		<input type="text" >  
		<input type="password" >
		<input type="text" >
		<input type="checkbox" >
		<input type="radio" >
		
		<input type="text" >
		<select>
			<option>请选择</option>
			<option>111</option>
			<option>333</option>
			<option>222</option>
		</select>
		<input type="text" >
	</form>
	<SCRIPT LANGUAGE="JavaScript">
	<!--
		tabEnterJs("form1");
	//-->
	</SCRIPT>
 </BODY>
</HTML>

分享到:
评论

相关推荐

    Vue中实现回车键切换焦点的方法

    因此,了解如何在Vue项目中实现回车键切换焦点的功能就变得非常重要。 首先,我们得知道,通常情况下,浏览器是不支持直接用JavaScript控制键盘或鼠标的。这样做会存在很大的安全隐患。因此,我们无法直接用脚本来...

    说说回车键触发表单提交的问题

    回车键触发表单提交是一个常见的功能,但有时它可能会带来一些问题或需要进行特定的处理。本文将深入探讨回车键如何触发表单提交,以及在实际应用中可能遇到的相关知识点。 首先,我们需要理解HTML表单的基本结构。...

    按回车键提交表单~~~~~

    使用JavaScript处理键盘事件以实现表单的回车键提交功能 在Web开发中,我们经常需要为用户提供更友好的交互体验,其中一个常见的需求就是允许用户通过按下回车键来提交表单。这种方法可以提高用户体验,并且在很多...

    javaScript实现回车登录

    本文将详细介绍如何使用JavaScript实现回车登录功能,并探讨其实现原理及应用场景。 #### 二、核心概念解析 ##### 2.1 事件监听器 在JavaScript中,可以为DOM元素添加事件监听器,以便在特定事件发生时执行相应的...

    回车变成Tab的解决方案

    可以在运行时通过修改用户控件"EnterAsTab_SubPage.ascx"的属性"DiscardIEDefaultButton"和"EnterAsTab"的值来动态决定是否启用回车键变成Tab键的功能。 在启用回车键变成Tab键的功能的状态下,不会影响到...

    Java实现按回车登录

    在开发用户界面时,一个常见的需求就是允许用户通过按下回车键来提交表单或执行特定操作,例如登录功能。这种设计不仅可以提高用户体验,还能使应用程序更加直观易用。本篇将详细解析如何在Java Swing框架中实现按...

    js 回车提交表单两种实现方法

    以上两种方法都可以有效地实现当用户在输入框按下回车键时触发表单提交的功能,从而提供更加流畅的用户体验。需要注意的是,在实现具体功能时,要根据实际的HTML结构来调整控件的选择器,确保代码能够正确地选取到...

    在intraweb中实现回车键代替Tab键

    在 Intraweb 开发环境中,实现用户通过按下回车键(Enter)来模拟Tab键的功能,可以提升Web应用程序的交互体验。Intraweb 是一个用于构建动态Web应用程序的组件库,它允许开发者使用 Delphi 技术进行服务器端编程。...

    jQuery实现的监听回车按键代码

    本主题聚焦于如何使用jQuery来实现监听回车按键的功能。这在各种交互式表单或搜索输入框中非常常见,用户按下回车键时,可以触发特定的事件,比如提交表单或执行搜索。 首先,我们需要理解jQuery中的`$(document)....

    jsp中如何实现按下回车键自动提交表单.docx

    在Web开发中,为了提升用户体验,有时我们需要实现在用户按下回车键时自动提交表单的功能。这对于登录页面、搜索框等场景非常实用。本文将详细介绍如何在JSP环境中实现这一功能。 #### 实现原理 实现此功能主要依赖...

    javascript实现回车键提交表单方法总结

    这两种方法都能够实现用户在输入完毕后,按下回车键即自动提交表单的功能。纯JavaScript的方式不依赖任何第三方库,而jQuery的方式则依赖jQuery库。在实际应用中,可以根据项目需求和个人喜好来选择适合的实现方式。...

    表单填写时用回车代替TAB的实现方法

    关键之处在于tabindex,其设计思想是:为每个表单元素设置一个tabindex,其值分别为前一个表单元素的tabindex的值加一,函数的功能就是当用户按下回车键时先将当前tabindex的值加一,而后逐一与每个表单元素的...

    没有form表单情况下敲回车键提交表单的js代码.docx

    无Form表单回车键提交 请输入搜索关键词"&gt; ()"&gt;提交 // 获取输入框元素 const searchInput = document.getElementById('searchInput'); // 监听回车键事件 searchInput.addEventListener('keydown', ...

    C#实现回车光标自动跳到下一个控件的几种方法

    本篇文章将深入探讨如何在C#中实现这种功能,主要涉及以下知识点: 1. **事件处理**:在C#中,事件是对象之间通信的一种方式,当特定条件满足或动作发生时,事件会被触发。例如,当用户按下回车键时,会触发TextBox...

    jsp中如何实现按下回车键自动提交表单

    总结来说,通过JavaScript(或者使用库如jQuery)监听键盘事件,检查回车键的按键码,并在检测到回车键被按下时触发表单的提交,可以在JSP中实现按下回车键自动提交表单的功能。这样,用户无需手动点击提交按钮,只...

    如何防止回车(enter)键提交表单

    在网页设计中,有时我们希望用户在填写表单时,按下回车键(Enter)不会立即触发表单的提交操作,而是执行其他行为或者不做任何处理。这是因为默认情况下,回车键会被用来提交表单,这可能不符合某些交互设计的需求。...

    按回车键显示EditText

    在Android开发中,EditText是...总之,通过自定义EditText并覆盖`onKeyDown()`方法,我们可以捕获并响应回车键事件,实现特定的功能,如显示新的EditText或处理输入内容。这种方法在创建交互式表单和对话框时尤其有用。

    vue中实现回车键登录功能

    在Vue.js应用中,实现回车键登录功能通常涉及到对用户输入事件的监听。下面将详细解释如何在Vue中正确地实现这一功能,并解决在不同界面回车键仍然触发登录事件的问题。 首先,我们来看一个常见的错误实现: ```...

    C# 在窗体中按回车键依次变换控件焦点

    实现这个功能的核心在于监听窗体的键盘事件,特别是回车键(Keycode为13)被按下时的事件。下面将详细解释实现步骤: 1. **创建窗体和控件**:首先,你需要创建一个窗体,并在其中添加若干控件,如TextBox、Button...

    ie ,火狐 文本框回车自动提交

    当用户按下回车键时,实际上会触发这个隐藏按钮,从而实现表单的提交。 ```html &lt;!-- 其他输入字段 --&gt; ``` 3. **使用JavaScript监听回车键**:通过JavaScript监听文本框的`keydown`或`keypress`事件,...

Global site tag (gtag.js) - Google Analytics