2

<body>

  <label for="calendar" id="dater"> 
    Choose date before continue:  <input type="date" id="calendar">
</label>

  <script>
    document.getElementById('dater').addEventListener('mouseover', function() {
      document.getElementById('calendar').click();
    })
  </script>
</body>


Не нашел информации почему не срабатывает 'mouseover' при наведении на input[type="date"] при имитации его методом 'click()'?

2 ответа 2

3

Все срабатывает:

<label for="calendar" id="dater"> 
  Choose date before continue:  <input type="date" id="calendar" onclick="console.log('in onclick')">
</label>

<script>
  document.getElementById('dater').addEventListener('mouseover', function() {
    console.log('in mouseover');
    document.getElementById('calendar').click();
  })
</script>

Или Вам нужен фокус?

<label for="calendar" id="dater"> 
  Choose date before continue:  <input type="date" id="calendar" onfocus="console.log('in onfocus')">
</label>

<script>
  document.getElementById('dater').addEventListener('mouseover', function() {
    console.log('in mouseover');
    document.getElementById('calendar').focus();
  })
</script>

2
  • 1
    Igor, прошу прощения, а вы каким браузером пользуетесь? у меня не в Edge, не в Firefox, не в Blisk, не в Safari не работает ((( в лучшем случае выделяет (фокусирует) но сам календарь не открывается. не получается такого результата, как если бы я просто кликнул по input 24 авг 2020 в 22:06
  • А в Хроме календарь и не появляется по клику. Только если иконку кликать.
    – Qwertiy
    25 авг 2020 в 1:05
0

Потому что не click, а focus, но подсовывать пользователю такое поведение - это свинство.

document.getElementById('dater').addEventListener('mouseover', function() {
  document.getElementById('calendar').focus();
})
<label for="calendar" id="dater"> 
  Choose date before continue:  <input type="date" id="calendar">
</label>

3
  • 1
    а можно обосновать без лишней эмоциональной оценки - просто факты? 24 авг 2020 в 22:00
  • а можно не минусовать правильные ответы?
    – Qwertiy
    25 авг 2020 в 0:36
  • 1
    не знаю, я вообще не очень люблю общаться с хамами и заносчивыми типами, которые от черезмерно завышенного самомнения дерзять новичкам, строя из себя всеосознанных "гуру". Вас спросили по челочечески - не переходя на личности. Вы же вместо ответа (исходя из контекста можно понять что человек в лучшем случае "junior" в худшем вообще начинающий), начали дерзить без объяснения причины! А на ризонный вопрос по поводу фактического ответа, стали отвечать вопросом на вопрос... Думаю нет нельзя! 25 авг 2020 в 9:52

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.