是否可以专注于<div>使用JavaScript focus()函数？
我有一个<div>标签
<div id="tries">You have 3 tries left</div>
我试图专注于以上<div>使用:
document.getElementById('tries').focus();
但它不起作用.有人可以提出建议....
我正在构建一个应用程序,我希望能够单击由DIV表示的矩形,然后使用键盘通过列出键盘事件来移动该DIV.
而不是在文档级别使用事件监听器来处理那些键盘事件,我可以在DIV级别监听键盘事件,也许是通过给予键盘焦点？
这是一个简化的示例来说明问题:
<html>
<head>
</head>
<body>
<div id="outer" style="background-color:#eeeeee;padding:10px">
outer
<div id="inner" style="background-color:#bbbbbb;width:50%;margin:10px;padding:10px;">
want to be able to focus this element and pick up keypresses
</div>
</div>
<script language="Javascript">
function onClick()
{
document.getElementById('inner').innerHTML="clicked";
document.getElementById('inner').focus();
}
//this handler is never called
function onKeypressDiv()
{
document.getElementById('inner').innerHTML="keypress on div";
}
function onKeypressDoc()
{
document.getElementById('inner').innerHTML="keypress on doc";
}
//install event handlers
document.getElementById('inner').addEventListener("click", onClick, false);
document.getElementById('inner').addEventListener("keypress", onKeypressDiv, false);
document.addEventListener("keypress", onKeypressDoc, false);
</script>
</body>
</html>
在单击内部DIV时,我尝试给它焦点,但随后的键盘事件总是在文档级别而不是我的DIV级别事件侦听器中被选中.
我是否只需要实现特定于应用程序的键盘焦点概念？
我应该补充一下,我只需要在Firefox中使用它.
出于样式原因,我希望能够使用ul列表作为选择表单元素.
我能用我的代码填充一个隐藏的输入(不包含在这个jsfiddle中),到目前为止一直很好.但是现在我试图让我的ul表现得像键盘按下时的选择输入,或鼠标用来.
在我之前的问题中,我遇到了键盘控件的一些问题.他们现在已经修好了.请参阅:向上/向下键盘上的自动滚动
剩下的问题是按下键盘按钮时不会忽略鼠标.这导致"悬停效果"首先听取键盘输入,但是立即转到鼠标并选择此项目作为选择.
这可以在我的jsfiddle示例中看到:http://jsfiddle.net/JVDXT/3/
我的javascript代码:
// scrollTo plugin
$.fn.scrollTo = function( target, options, callback ){
if(typeof options == 'function' && arguments.length == 2){ callback = options; options = target; }
var settings = $.extend({
scrollTarget : target,
offsetTop : 100,
duration : 0,
easing : 'linear'
}, options);
return this.each(function(){
var scrollPane = $(this);
var scrollTarget = (typeof settings.scrollTarget == "number") ? settings.scrollTarget : $(settings.scrollTarget);
var scrollY = (typeof scrollTarget == "number") ? scrollTarget : …我有一个 div 元素，我在其中加载文本，通常是长文本，因此 div 有滚动条。当光标位于该 div 上时，我可以用鼠标在该 div 中滚动，但我无法上下滚动页面，除非我先在 div 内单击。那么有没有办法避免这种点击，在加载文本时通过代码来完成呢？
可能重复:
将焦点移至特定字段
这应该很简单.我正在尝试将焦点设置为单击<p>我页面上的元素.
我的javascript看起来像这样:
function loadSubmit() {
if (document.getElementById('uploaded_file').value == "") {
this.setFocus("name");
} else {
var ProgressImage = document.getElementById('progress_image');
document.getElementById("progress").style.visibility = "visible";
//document.getElementById("progress").focus(); ?
setTimeout(function () {
ProgressImage.src = ProgressImage.src
}, 100);
}
}
我想将页面的重点转移到'progress_image'关于如何实现这一目标的任何建议？
谢谢