Учим JavaScript 21. События мыши

[@АрстанбекШаршенов-к4т]

спасибо за информацию . смотрю из Кыргызстана

[@urasha6692]

Спасибо вам большое за такие отличные уроки! Многие большие каналы слишком гиператкивные и быстрые, а вы говорить приятно, спокойно и не очень быстро. Наткнулся совсем недавно, но уже понимаю, что останусь надолго. *С меня, конечно же, подписка)*

[@stanislavfedyna8237]

Лучшие видео по js! Ну доходчивей просто не существует на ютубе

[@generousycompany1109]

Админ большое спасибо тебе,я очень надеюсь что ты не бросишь это дело. (Снимать уроки), уроки по js Я УЧИЛ СМОТРЕЛ 1-2 месяца в итоге все же задавался вопросами как это работает,за неделю я освоил базу благодаря тебе! ЕЩЕ РАЗ СПАСИБО ОГРОМНОЕ!)

[@micropp205]

Смотрю вот уже 21ый урок. Если мы можно собрать видео в массив, обратиться к объекту комментария, пробежаться циклом и оставить под каждым - я бы это сделал. А так... Спасибо за труд. Я хоть уже более - менее сам разобрался, но материал все равно крайне полезный, все равно узнаю новое, а главное, материал верно подается. Это огромная редкость, когда нет на фоне гумозной музыки или гнусавого голоса. Мое почтение.

[@ilapozvezd2682]

Благодарю за обучение. Добра Вам сил, и удачи.

[@maranatabhk7354]

самые хорошие видеоуроки в интернете по js здесь!!!!!!!!!!!

[@itgid]

Вот полностью согласен!

[@РоманРоманов-у4ж]

Отлично объясняет. Спасибо автору

[@itgid]

Спасибо за комментарий!

[@YauhenRomeiko]

21 видос осилил, полет нормальный, учим дальше

[@_pheax]

Советую, этот курс каждому кто интересуется JS.

[@Vlad-em1bx]

Очень интересно, понятно и доступно!

[@itgid]

Спасибо!

[@СергейПашков-ж2щ]

Чёткие видосы. На запрете выпадения контекстного меню я вообще расцвёл. Вижу все пишут и я не сдержался: огромное спасибо! Вы лучший!

[@atxamsulton]

очень качественные уроки, за это спасибо. Надо плейлист повернут, первые уроки сверху, так удобнее.

[@СергійСанніков]

Спасибо. Мне было очень полезно!

[@viktorviktorovich1166]

Спасибо Вам за ваши уроки !!!

[@itgid]

Спасибо за комментарий!

[@markcherepivskiy182]

Советую вас своим некоторым друзьям - начинающим программистам как я. Полностью уверен в том, что вы сможете сделать из меня хорошего кодера) Благодарю

[@2tanhamon-gameblog480]

Это самые крутые уроки по JS в ру нете ! Спасибо большое вам ! Очень хотелось бы еще React js . А то вот устраиваюсь на работу сейчас ,программистом java script , а там главное требование это React. Вот мне и дали на неделю ТЗ сделать с помощью него ,а я ни как толковых уроков не найду. Хелп ми !

[@itgid]

Не помогу, я больше в сторону Angular смотрел в свое время, реакт как технология продакшена слегка хайповая, каждое обновление очень страшно для прода - легко ломает предыдущий код, поэтому не срослось у меня сним.

[@xD-hu3gw]

блин реально все классно) все по шагово

[@johhnybee]

Дякую!

[@Виталий96-к4я]

Супер !!!!

[@yauheniluzakou2775]

Спасибо!

[@ЮрийПолищук-д6ф]

*20:12** :) Неловко получилось )))*

[@oleksandrlitash1751]

лучший!)

[@justrasul]

Вы просто топ я теперь научился делать анимации с помошю этого большое спасибо!!!!! , и да а как вас зовут ?

[@AaaaalexB]

Не совсем понял как применить это. Вот у меня есть несколько элементов, предположим три картинки, на каждую картинку при наведении мышью должен выводиться опредленный текст в один и тот же блок ниже, при этом при убирании курсора с картинки должен быть изначальный текст присвоенный первой картинке. Так же если на картинку нажать то соотвествующий текст картинке будет зафиксирован до другого нажатия. Как мне это все закомпановать? Сейчас сделал так:есть в который я кидаю текст такой функцией function out2(){ var p; p = document.getElementById('out'); p.innerHTML = 'текст ';} где out2 это onmouseenter="out2()" в с картинкой.

[@ВиталийСлободянюк-х8м]

Как двигаться после теории JS?

[@shoguneiraidenbaal359]

Помогите пожалуйста ! Как сделать, что бы при наведении стрелки мыши на кнопку, что бы картинка над ней исчезала, даже если потом убрать стрелку мышки с кнопки, а потом при наведении на кнопку картинка снова появлялась ? Спасибо !

[@dgdfgdg-c4u]

Сделал тоже самое но почему-то цвет дива не меняется

[@ikromjonakhmadjonov436]

А какую функцию выполняет “this”. И можно ли вместо него написать что-то другое. Например когда я навожу на “block-one” элемент, менялся “block-two” элемент, который стоит под «block-one” элементом.

[@ВячеславИванов-в8г]

Я не понял для чего отменять событие на элементе (this.onclick=null) ? ведь цвет меняется только один раз

[@АртемАлексеенко-й2ъ]

Цвет меняется каждый раз при клике, просто пользователь этого не замечает, т.к. цвет меняется на такой же. Или, если хотите, каждый раз при клике происходит событие onclick и выполняется функция. Бесполезно выполняется. Поэтому onclick необходимо "занулить".

[@petrskobelev3923]

@@АртемАлексеенко-й2ъ спасибо!

[@ДенисЛавров-т4з]

var block = document.getElementById('one'); block.onclick = function () { (block.style.background === "red") ? block.style.background = "blue" : block.style.background = "red"; } Double kill =)

[@goodman8956]

добрый день. тут такой вопрос касательно этой темы. как рандомно изменять позицию элемента(div) при наведении на него курсора мыши внутри блока родителя. как я понимаю надо использовать систему координат (clientX, clientY) и ф-ю math.random. проблема в тому что у меня не выходит обьеденить эти 2 вещи в одно выражение (

[@itgid]

А покажите код, который есть? Лучше на codepen.io

[@AndrewMarsin]

Click и Focus довольно схожие события... В чем принципиальная разница?

[@GrourDenis]

Я настаиваю что бы автор оставил в подписи свой кошелек что бы желающие могли перечислять свои скромные, но материальные вознаграждения. ТАким образом будут удовлетворены все, и те люди которые желают платить за знания и автор, которому будет приятнее продолжать делать свое хобби А те ученики, которые желают платный контент 'для продвинутых' в будущем, начинайте вознаграждать автора (после того как появится кошелек) уже сейчас, тогда можно просить и надеется на милость такого замечательного преподователя.

[@itgid]

Под видео - мои кошельки. kzbin.info/www/bejne/jZazkJSZmdmVq7s

[@srgnd4672]

Не подскажите, почему с document.getElementById все работает, а с document.getElementsByClassName не работает? В HTML документе присвоил class = "box" и применил стили .box{ } Спасибо!

[@HelloHovo]

По JS реально этот мужик вертел всех балаболов в ютубе

[@victorkas2279]

Что за плагин выделяет фоном цвет в sublime?

[@itgid]

да вроде не ставил такого, это тема установлена.

[@9keepa]

Подскажите, данными событиями можно организовать способ = drag and drop Например перетащить из одной области сайта в другую, а может и в две области сразу... Подскажите где глянуть подобное исполнение. Хочу попробовать создать типа простенького пазла для детей

[@itgid]

подробнейшее решение есть на learn.javascript - расписано.

[@TheSanchess]

Вопрос по поводу первого примера, как сделать чтобы при повторном клике возвращался исходный цвет?

[@webdev5107]

что-то типо if (this.style.background = 'pink') { background: 'none'; } хз кстати отработает ли прям так, от балды написал) но смысл думаю понятен. - нужно затереть атрибут который кинул js, что б стиль взялся из css. ну или руками прописать такой же цвет как в css.

[@gurudk3378]

Как закомментировать несколько строк коди одновременно? Использую Atom + emmet?

[@itgid]

ctrl+/

[@gurudk3378]

спасибо

[@xaapt]

А где же function () { document.write("Дальше будет интересней") }?

[@xaapt]

function();

[@itgid]

:)

[@alexeyko3924]

Не пойму зачем нужны эти две строки: console.log('button:' +event.button); console.log('which:' +event.which); Если не сложно, ответьте пожалуйста.

[@itgid]

они нам нужны для обучения - чтобы в консоли видеть коды нажимаемых клавиш, для удобства.

[@alexeyko3924]

@@itgidСпасибо за ответ!

[@ИяИя-п2к]

Выходит ошибка:Uncaught TypeError: Cannot set property 'onclick' of null

[@itgid]

defer забыли?

[@ИяИя-п2к]

Да, забыла))

[@ruvymch]

Я так понимаю вы работаете преподавателем?

[@itgid]

Параллельно - разработчик и преподаю.

[@itgid]

10 лет университета и 3 года по частным конторам. Параллельно - разработка!

[@Дима-э1ы5ж]

@@itgid Молодец

[@waldo_]

А чем будет отличаться,если мы повесим событие,чтоб отменять вызов контекстного меню,на window и на document?

[@itgid]

уточните пожалуйста?

[@waldo_]

Front-End разработка с нуля. HTML, CSS, jQuery Ну,вы в видео используете объект document для того,чтоб пользователь не мог вызвать контекстное меню,я же использовал window.В итоге все равно получился тот же результат.Так чем отличается document и window?

[@hrantabrahamyan1337]

что изменил null в первом примере?

[@77konstantin88]

null отменяет перекрашивание.Попробуй у себя в примере и проверь.

[@hrantabrahamyan1337]

спасибо)

[@sergeyshevchenko3646]

Не работает. Выдает ошибку Cannot set property 'onclick' of null

[@itgid]

поставьте defer при подключении javascript. Также проверьте, чтобы такой id был на странице.

[@victorianFella]

а платный контент планируете делать?

[@itgid]

А стоит?

[@pavlodovbush2340]

нет

[@СветланаРазумовская-й7л]

Однозначно, да. Так вы могли бы больше времени посвятить своим проектам. На мой скромный взгляд, было бы идеально выкладывать в ютуб видео для начинающих, а углубленное изучение уже платное. Я бы у вас его купила, а так приходится понимать, что после ваших лекций для углубленного изучения придётся искать другие источники и снова будет насилование себя. Либо сейчас вы выкладывайте лекции по Node, но оч редко, т к ютуб для вас скорее хобби в свободное время. За ваш труд не жалко и заплатить, особенно тем, кому это действительно надо.

[@77konstantin88]

чувак, ты убийца, всет стараются бесплатный достойный найти. Если нравится -продонать

[@ГеннадийМалюгин-м2р]

Конечно стоит!

[@ikromjonakhmadjonov436]

Очень надеюсь что ответите

[@MrHacksre]

Здравствуйте, как запретить нажатие F12?

[@itgid]

Отлавливаете его код и возвращаете false.

[@MrHacksre]

Front-End разработка с нуля. HTML, CSS, jQuery . Можете сказать как отловить?

[@itgid]

для начала повесьте событие keydown на объект window. Выведите в консоль event, просмотрите keyCode, и запомните его. Напишите if (code=='lalala) то return false.

[@MrHacksre]

Front-End разработка с нуля. HTML, CSS, jQuery спасибо

[@petruconiuc4618]

Понятно. Програмированние это шахматы

[@Bogelma]

а что в Джава скрипте документе нельзя было создать этот квадрат? Джава скрипт такое не поддерживает? (вы создали в css)

[@voltamper96]

как понял java это логика и управляющий

[@shoguneiraidenbaal359]

Квадрат создан в HTML (как и все содержимое сайтов), CSS задает стили и внешность, а JS придает интерактивности всему этому.

[@WKOSM]

снимаю шляпу...

[@kexibq987]

*Жирный текст*

[@МаргаритаМошкова-о8к]

ребят, да, здесь учат js , но долго. и скучно.

[@ichelsea]

Спасибо!