Как установить фокус для div внутри родительского div?

0 
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#container2").focus();
        });
    </script>
</head>

<body>
    <div id="mainwrapper">
        <!-- container1 -->
        <div id="container1" 
             style="height:100px;width:299px;">
            First Lorem Ipsum is simply dummy text1 
        </div>

        <!-- container2 -->
        <div id="container2"  style="height:100px;width:299px;">
            Second Lorem Ipsum is simply dummy text2
        </div>

    </div>
</body>

это мой html-код, когда загрузка страниц сосредоточена на втором div, но это не работает, помогите мне, как это сделать, заранее.

  • 3
    Что вы имеете в виду фокус? Вы имеете в виду прокрутку к нему?
  • 0
    У div нет фокуса, если только они не оспариваются.
Показать ещё 8 комментариев
Теги:

2 ответа

0
Лучший ответ

Это, вероятно, делает то, что вам нужно. Сначала установите class="borderonload" в #container2, а затем добавьте CSS ниже:

#mainwrapper div:hover, .borderonload {
    border: 2px solid #aaf;
}

В сценарии:

$('#mainwrapper').on('mousemove', function (e) {
    var $cont2 = $('#container2');
    if (e.target !== $cont2) {
        $cont2.removeClass('borderonload');
        $('#mainwrapper').off('mousemove');
    }
});

Живая демонстрация в jsFiddle.

Поделиться
  • 0
    спасибо большое работает отлично
  • 0
    @ user3467244 Это было быстро, спасибо :). Я улучшил код, теперь он также удаляет бесполезный слушатель событий.
0

.focus() не будет прокручиваться до указанного div.use:

$(document).ready(function() {
   $('html, body').animate({ scrollTop: $('#container2').offset().top }, 'slow');
});

Рабочая демонстрация

Поделиться
  • 0
    мне не нужна прокрутка, мне нужно навести курсор на container2
  • 0
    @ user3467244: воу ... что за фокус?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню