-
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个答案 按时间排序 按投票排序
-
var handler = function(event){ event = event || window.event; if(event.keyCode == 13){ //xxxxxxx } };
2014年7月25日 10:33
-
<!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
-
难道是 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的事件处理和DOM操作功能,提供了跨浏览器的兼容性和简洁的代码结构。
6. **兼容性**:考虑到不同浏览器对某些API的支持程度,开发虚拟键盘时需进行跨浏览器测试,确保在Firefox、Chrome、Safari、Edge等主流浏览器上都能正常工作。可能需要用到如Babel这样的工具将ES6+代码转换为更广泛...
设计时要考虑常用键位的放置,比如空格键、回车键、删除键等。布局应该直观且易于操作,减少误触的可能性。 5. **性能优化**:由于触摸事件频繁,为了保证流畅的用户体验,需要优化代码以减少不必要的计算和渲染。...
通过监听`keydown`事件,我们可以捕获用户按下键盘上的按键,然后根据按键值(如箭头键、回车键等)来改变焦点或执行选择操作。焦点管理是此功能的关键,确保当前选中的项有明显的视觉反馈。 三、下拉选项的动态...
在网页表单中,按下回车键时自动跳转到下一个表单元素,可以利用事件监听来实现: ```javascript // 页面内回车键跳转至下一个焦点 document.getElementById("inputField").addEventListener("keydown", function...
这种控制焦点的方式可以扩展到更复杂的表单操作,例如在填写表单时,用户可以通过回车键快速跳到下一个字段,这增加了表单填写的便利性。 总结来说,通过使用jQuery来监听和处理键盘事件,开发者可以创造出更加流畅...
本文将深入探讨如何使用jQuery实现一个跨浏览器的可编辑表格,该表格不仅支持主流的Internet Explorer(IE),还兼容Firefox、Safari、Chrome以及Opera等浏览器。 首先,我们需要理解可编辑表格的基本概念。在网页...
当用户在输入框中输入内容并按下回车键时,创建一个新的`<option>`元素并添加到`<select>`中,同时更新下拉框的选中状态。 ```javascript document.getElementById('custom-input').addEventListener('keyup', ...
如果用户按下回车键,JavaScript会模拟一个`<select>`的改变事件,这样可以触发任何与`<select>`改变相关的事件监听器。 通过这种方式,我们成功地创建了一个既可输入又可编辑的下拉框。用户可以自由输入,同时也能...
我们可以添加一个事件处理器来捕获回车键(keycode 13)的按下,然后触发保存操作。 Code4: ```javascript numTd.find('input[type="text"]').keydown(function(e) { if (e.keyCode === 13) { // 回车键 e....
8、 给确定按钮增加Ctrl + Enter快捷键,锁屏的时候支持tab与方向键切换按钮焦点 9、 锁屏的时候屏蔽了键盘操作刷新、Tab切换(只在对话框中可用)与全选 10、修复Chrome特定情况下出现的iframe错位问题 11、修正...
HTML5的`autofocus`属性是一个非常实用的功能,它允许开发者在网页加载时自动将焦点设置到特定的表单元素上,如按钮、输入框或文本区域等。这一特性对于提升用户体验尤其有价值,比如在移动设备上,用户无需手动点击...
1. `click`:用户单击鼠标按钮或按下回车键时触发。 2. `dblclick`:用户双击鼠标按钮时触发。 3. `mousedown`:用户按下鼠标按钮还未弹起时触发。 4. `mouseup`:用户释放鼠标按钮时触发。 鼠标事件可以非常灵活地...