jquery设置焦点并触发事件
<scripttype="text/javascript">$(function(){$("#two").focus();$("div").focus(function(...
<script type="text/javascript">
$(function(){
$("#two").focus();
$("div").focus(function(){//这里是指DIV里的焦点
$(this).keydown(function(){
alert($(this).html());//FF下没有反应，IE下可以
});
});
});
</script>
<body>
<div id="one">oooo</div>
<div id="two">tttt</div>
<div id="three">hhhh</div>
</body>
FF下按回车没有反应，请问问题在哪里？
工作流程就是：
打开网页 直接设置 #two为焦点，按回车 显示焦点内容 展开
$(function(){
$("#two").focus();
$("div").focus(function(){//这里是指DIV里的焦点
$(this).keydown(function(){
alert($(this).html());//FF下没有反应，IE下可以
});
});
});
</script>
<body>
<div id="one">oooo</div>
<div id="two">tttt</div>
<div id="three">hhhh</div>
</body>
FF下按回车没有反应，请问问题在哪里？
工作流程就是：
打开网页 直接设置 #two为焦点，按回车 显示焦点内容 展开
2个回答
展开全部
首先我要说你的事件注册的不对，应该这样写：
$("#two").focus();
$("div").keydown(function(e){
if(e.keyCode == 13){
alert($(this).html());
}
});
其次，div默认是不能focus的，所以你的焦点就没进去。
如果你实在是要实现div的focus，并且按回车显示内容的话，我有一个办法能达到你的效果。
把三个div换成这样：
<div id="one" contenteditable="true">oooo</div>
<div id="two" contenteditable="true">tttt</div>
<div id="three" contenteditable="true">hhhh</div>
不管IE还是火狐都能达到你的效果。
$("#two").focus();
$("div").keydown(function(e){
if(e.keyCode == 13){
alert($(this).html());
}
});
其次，div默认是不能focus的，所以你的焦点就没进去。
如果你实在是要实现div的focus，并且按回车显示内容的话，我有一个办法能达到你的效果。
把三个div换成这样：
<div id="one" contenteditable="true">oooo</div>
<div id="two" contenteditable="true">tttt</div>
<div id="three" contenteditable="true">hhhh</div>
不管IE还是火狐都能达到你的效果。
已赞过
已踩过<
你对这个回答的评价是？
展开全部
触发每一个匹配元素的focus事件。
可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。
上面是官方帮助文档中所说的focus事件函数的解释。
很明显了 对于一些元素标签，是无法设置焦点的，如果你能按tab键选择得到的元素 才能focus()
比如 <a>标记 <input/>标记 <textarea>标记等等
对于那些无法获取焦点的元素 那肯定是会存在兼容性问题的。
对于一个div元素，如果设置了此元素的 contenteditable="true" 这个属性，就可以在这个div里面输入内容，这样这个div就可以focus()。但这样 这个div就变成了可编辑的。你可以为这个div再设置一个onkeydown事件 让这个事件直接return false ==>onkeydown="return false" 这样就没办法编辑，但可以复制粘贴。。。。
可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。
上面是官方帮助文档中所说的focus事件函数的解释。
很明显了 对于一些元素标签，是无法设置焦点的，如果你能按tab键选择得到的元素 才能focus()
比如 <a>标记 <input/>标记 <textarea>标记等等
对于那些无法获取焦点的元素 那肯定是会存在兼容性问题的。
对于一个div元素，如果设置了此元素的 contenteditable="true" 这个属性，就可以在这个div里面输入内容，这样这个div就可以focus()。但这样 这个div就变成了可编辑的。你可以为这个div再设置一个onkeydown事件 让这个事件直接return false ==>onkeydown="return false" 这样就没办法编辑，但可以复制粘贴。。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
