1

Тема: Як зробити focus() для < div >

Як зробити focus() для < div >

2

Re: Як зробити focus() для < div >

$('div:eq(0)').focus();
Подякували: ostap34PHP1

3

Re: Як зробити focus() для < div >

Ну от, ще раз...

4

Re: Як зробити focus() для < div >

koala написав:

Ну от, ще раз...

що пропонуєте зробити?

5

Re: Як зробити focus() для < div >

mike написав:
koala написав:

Ну от, ще раз...

що пропонуєте зробити?

Вам - нічого.
Автору - те, що й завжди.

6

Re: Як зробити focus() для < div >

:D  фокус для div-а? :o
фокуси для людей показують  :D

---
фокус може бути на інпуті чи іншому елементі з тих типів, які підтримують подію фокусу
детальніше https://learn.javascript.ru/focus-blur

p.s. ану бігом тренуватися на практиці! що робити - я написав в повідомленні http://replace.org.ua/post/93961/#p93961

Подякували: bvn, ostap34PHP, Monolith3

7

Re: Як зробити focus() для < div >

Фокусу в дівів нема, як і нема курсора вводу, як у текстовому полі, який можна рухати стрілками.
Отже, потрібен або обробник наведення курсору миші (onmouseover — наведення, onmouseout — вихід за межі), або обробник кліку (onclick; якогось обробника, що реагує на клік за межами діва, наскільки я розумію, нема — очевидно, треба якось відстежувати кліки на інших об'єктах, щоб виявити, що «фокус» знято).

Подякували: 221VOLT, ostap34PHP2

8

Re: Як зробити focus() для < div >

P.Y. написав:

Фокусу в дівів нема, як і нема курсора вводу, як у текстовому полі, який можна рухати стрілками.
Отже, потрібен або обробник наведення курсору миші (onmouseover — наведення, onmouseout — вихід за межі), або обробник кліку (onclick; якогось обробника, що реагує на клік за межами діва, наскільки я розумію, нема — очевидно, треба якось відстежувати кліки на інших об'єктах, щоб виявити, що «фокус» знято).

ноль
http://learn.javascript.ru/events-and-interfaces
http://learn.javascript.ru/event-details

один
http://www.w3schools.com/jsref/event_onfocus.asp

два
http://www.w3schools.com/jsref/dom_obj_event.asp

хороші доки-мани-тутори -- це як рафаелло - "замість тисячі слів"

p.s. скільки разів треба давати ссиль тому хто запитує, перше ніж він відкриє ссиль і почитає?
(і перестане запитувати одне і те ж, оскільки нарешті знайде і зрозуміє відповідь)
я не ворчу - сам такий же гарячкуватий - мені просто цікаво  :)

Подякували: ostap34PHP1

9

Re: Як зробити focus() для < div >

221VOLT написав:
P.Y. написав:

Фокусу в дівів нема, як і нема курсора вводу, як у текстовому полі, який можна рухати стрілками.
Отже, потрібен або обробник наведення курсору миші (onmouseover — наведення, onmouseout — вихід за межі), або обробник кліку (onclick; якогось обробника, що реагує на клік за межами діва, наскільки я розумію, нема — очевидно, треба якось відстежувати кліки на інших об'єктах, щоб виявити, що «фокус» знято).

ноль
http://learn.javascript.ru/events-and-interfaces
http://learn.javascript.ru/event-details

один
http://www.w3schools.com/jsref/event_onfocus.asp

два
http://www.w3schools.com/jsref/dom_obj_event.asp

хороші доки-мани-тутори -- це як рафаелло - "замість тисячі слів"

p.s. скільки разів треба давати ссиль тому хто запитує, перше ніж він відкриє ссиль і почитає?
(і перестане запитувати одне і те ж, оскільки нарешті знайде і зрозуміє відповідь)
я не ворчу - сам такий же гарячкуватий - мені просто цікаво  :)

221VOLT написав:

Фокусу в дівів нема, як і нема курсора вводу, як у текстовому полі, який можна  рухати стрілками.

Хіба: contentEditable="true"  :D

10 Востаннє редагувалося Betterthanyou (31.01.2017 21:41:15)

Re: Як зробити focus() для < div >

<!DOCTYPE html>
<html>
<button type="button" onclick="document.getElementById('div1').focus();">focus div1</button>
<button type="button" onclick="document.getElementById('div2').focus();">focus div2</button>
<body>

<div  contenteditable="true" id="div1">This is a paragraph. It is editable. Try to change this text.</div>
<div  contenteditable="true" id="div2">This is a paragraph. It is editable. Try to change this text.</div>

</body>
</html>

Так ? (Тільки пам'ятайте що це не на всіх браузерах працює)

Подякували: ostap34PHP1

11

Re: Як зробити focus() для < div >

там точно фокус працює? щось ліньки перевіряти
щоб з гарантією -- краще емулювати клік

ймовірно можливо зробити навіть по координатах

document.elementFromPoint(x, y).click();

https://developer.mozilla.org/en-US/doc … ment/click
https://developer.mozilla.org/en-US/doc … tFromPoint

Подякували: ostap34PHP1

12

Re: Як зробити focus() для < div >

221VOLT написав:

там точно фокус працює? щось ліньки перевіряти
щоб з гарантією -- краще емулювати клік

ймовірно можливо зробити навіть по координатах

document.elementFromPoint(x, y).click();

https://developer.mozilla.org/en-US/doc … ment/click
https://developer.mozilla.org/en-US/doc … tFromPoint

Гарантією чого ? Якщо браузер не підтримує contenteditable то і клік не потрібний.
Фокус і contenteditable точно працює на браузері хром Version 55.0.2883.87 m (64-bit)

Подякували: 221VOLT, ostap34PHP2

13

Re: Як зробити focus() для < div >

я не перевіряв onfocus на contenteditable ))
тому і не впевнений) і тому не можу стверджувати(що воно працює/не працює), не перевіривши

у мене поки фокус Шредінгера  :D

Подякували: Monolith, Betterthanyou, ostap34PHP3