Question

所以我有一个javascript函数，显示我隐藏的div，我想知道我如何然后setfocus在div上，所以它在页面上直接向下。我说setfocus是因为我之前尝试过但它没有用。这是我拥有的功能和聚焦的想法。

<script>
function toggle_travelarea(id) {
        var e = document.getElementById(id);
    document.getElementById("canada").style.display = 'none';   
    document.getElementById("asia").style.display = 'none';
    document.getElementById("australia").style.display = 'none';
    document.getElementById("newzealand").style.display = 'none';
    document.getElementById("africa").style.display = 'none';
    document.getElementById("usa").style.display = 'none';
    document.getElementById("samerica").style.display = 'none';
    document.getElementById("europe").style.display = 'none';
        e.style.display = 'block';
     document.getElementByClassName('slidedeck').focus()
    }
</script>

区域我想将焦点设置为！

<div class="slidedeck">

Answer 1

实际上认为这不起作用但是使用了一个href来锚定div id然后一个onclick for the function它运行正常。感谢大家的投入

Answer 2

我担心你必须做一些数学运算并使用scrollTo。这是一个例子 - ＆gt; http://jsbin.com/epozur/4

基本上：

HTML

<div id="hidden">
</div>
<button id="show">show</button>

JS

var btn = document.getElementById('show'),
    hidden = document.getElementById('hidden');

btn.addEventListener('click', function () {
  hidden.style.display = 'block';
  scrollTo(0, hidden.offsetTop);
});

这应该会让你知道如何更进一步。

MZ

将焦点设置在javascript函数中的div上

2 个答案: