0 0

js 按回车键,焦点转到下一个。需支持safari20

html中有多个input,type=text,其中onkeydown执行js

<script>
function jump(next){
    var nextInp = document.getElementById(next);
    var loginae=(typeof event!='undefined')?window.event:e;
    if(loginae.keyCode==13)
    {
nextInp.focus();
    }
}
</script>
<input type=text id=1 onkeydown="jump(2)"/>
<input type=text id=2/>
在ie,ff都可以,但在safari下就不可以了。如何实现在safari下也可以呢?
2014年7月24日 15:24

4个答案 按时间排序 按投票排序

0 0

var handler = function(event){
   event = event || window.event;
   if(event.keyCode == 13){
     //xxxxxxx
   }
};

2014年7月25日 10:33
0 0


2014年7月25日 10:32
0 0

<!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>TEST</title>
<style type="text/css">
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">

</script>
</head>

<body>
<script>
function jump(next){
    var nextInp = document.getElementById(next);
    var loginae=(typeof event!='undefined')?window.event:e;
    if(loginae.keyCode==13)
    {
nextInp.focus();
    }
}
</script>
<input type=text id='1' onkeydown="jump('2')"/>
<input type=text id='2'/>
</body>
</html> tml>

2014年7月25日 09:55
0 0

难道是 event对象的问题?


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script> 
	function jump(next, event){ 
		if(event.keyCode==13) 
		{ 
			document.getElementById(next).focus(); 
		} 
	} 
</script> 

 </head>
 <body>
	<input type=text id="1" onkeydown="jump('2', event)"/> 
	<input type=text id="2" /> 
 </body>
</html>

2014年7月24日 17:52

相关推荐

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

    现在,无论用户在哪个文本输入框或多行文本输入框按下回车键,焦点都会正确地切换到下一个元素。这种实现方式充分利用了jQuery的事件处理和DOM操作功能,提供了跨浏览器的兼容性和简洁的代码结构。

    js虚拟、模拟键盘

    6. **兼容性**:考虑到不同浏览器对某些API的支持程度,开发虚拟键盘时需进行跨浏览器测试,确保在Firefox、Chrome、Safari、Edge等主流浏览器上都能正常工作。可能需要用到如Babel这样的工具将ES6+代码转换为更广泛...

    移动端自定义键盘

    设计时要考虑常用键位的放置,比如空格键、回车键、删除键等。布局应该直观且易于操作,减少误触的可能性。 5. **性能优化**:由于触摸事件频繁,为了保证流畅的用户体验,需要优化代码以减少不必要的计算和渲染。...

    自写JS下拉框美化插件(加入滑动展开、键盘选择等)

    通过监听`keydown`事件,我们可以捕获用户按下键盘上的按键,然后根据按键值(如箭头键、回车键等)来改变焦点或执行选择操作。焦点管理是此功能的关键,确保当前选中的项有明显的视觉反馈。 三、下拉选项的动态...

    常用js正则的写法

    在网页表单中,按下回车键时自动跳转到下一个表单元素,可以利用事件监听来实现: ```javascript // 页面内回车键跳转至下一个焦点 document.getElementById("inputField").addEventListener("keydown", function...

    jquery 按键盘上的enter事件

    这种控制焦点的方式可以扩展到更复杂的表单操作,例如在填写表单时,用户可以通过回车键快速跳到下一个字段,这增加了表单填写的便利性。 总结来说,通过使用jQuery来监听和处理键盘事件,开发者可以创造出更加流畅...

    jQuery一步一步实现跨浏览器的可编辑表格,支持IEFi

    本文将深入探讨如何使用jQuery实现一个跨浏览器的可编辑表格,该表格不仅支持主流的Internet Explorer(IE),还兼容Firefox、Safari、Chrome以及Opera等浏览器。 首先,我们需要理解可编辑表格的基本概念。在网页...

    可编辑下拉框 支持常用浏览器

    当用户在输入框中输入内容并按下回车键时,创建一个新的`&lt;option&gt;`元素并添加到`&lt;select&gt;`中,同时更新下拉框的选中状态。 ```javascript document.getElementById('custom-input').addEventListener('keyup', ...

    html select 可输入 可编辑

    如果用户按下回车键,JavaScript会模拟一个`&lt;select&gt;`的改变事件,这样可以触发任何与`&lt;select&gt;`改变相关的事件监听器。 通过这种方式,我们成功地创建了一个既可输入又可编辑的下拉框。用户可以自由输入,同时也能...

    jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera

    我们可以添加一个事件处理器来捕获回车键(keycode 13)的按下,然后触发保存操作。 Code4: ```javascript numTd.find('input[type="text"]').keydown(function(e) { if (e.keyCode === 13) { // 回车键 e....

    artDialog_Demo

    8、 给确定按钮增加Ctrl + Enter快捷键,锁屏的时候支持tab与方向键切换按钮焦点 9、 锁屏的时候屏蔽了键盘操作刷新、Tab切换(只在对话框中可用)与全选 10、修复Chrome特定情况下出现的iframe错位问题 11、修正...

    html5 button autofocus 属性介绍及应用

    HTML5的`autofocus`属性是一个非常实用的功能,它允许开发者在网页加载时自动将焦点设置到特定的表单元素上,如按钮、输入框或文本区域等。这一特性对于提升用户体验尤其有价值,比如在移动设备上,用户无需手动点击...

    JavaScript 事件入门知识

    1. `click`:用户单击鼠标按钮或按下回车键时触发。 2. `dblclick`:用户双击鼠标按钮时触发。 3. `mousedown`:用户按下鼠标按钮还未弹起时触发。 4. `mouseup`:用户释放鼠标按钮时触发。 鼠标事件可以非常灵活地...

Global site tag (gtag.js) - Google Analytics