Наведение не работает над элементом div с текстовой областью

без использования z-index я не мог получить значения div при наведении на этот элемент.

<div id = "main" style = "width:150px;height:150px;position:absolute;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);"><span id = "test" onmouseover = "return test();">helo</span></div> 
<textarea style = "width:150px;height:150px;position:relative;background:none;"></textarea>

<script>
    function test(){
    alert('hi');    
    }
</script>

как получить это значение идентификатора теста при наведении на этот текст (без указания z-индекса для текстовой области)?

javascript html css

18.05.2019 21:48

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

206

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Посмотрите, хотите ли вы, чтобы это произошло:

var s_val = document.getElementById("span").innerHTML;
var tArea = document.getElementById("test");

tArea.addEventListener("mouseover", function test(){
    alert(s_val);    
    });

#main {
  width:150px;
  height:150px;
  position:absolute;
  background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);
}

#test {
  width:150px;
  height:150px;
  position:relative;
  background:none;
}

<div id = "main">
  <span id = "span">helo</span> 
</div> 

<textarea id = "test"></textarea>

Просто получите значение <span> с помощью события innerHTML (сохраненного в var для лучшего просмотра) и вызовите его в alert().

18.05.2019 22:13

Другие вопросы по теме

Как предоставить webp, jp2 и другие форматы изображений в теге стиля?

Триггерное действие onchange jquery

2 Комбинации слайдера

Как закрыть всплывающее окно при нажатии на другое?

HTML SVG Обводка шире по краям

Является ли создание объектов в html и наличие функций плохой практикой в oop?

Как сказать, что img имеет фиксированную, всегда видимую позицию, заполняет экран и не имеет переполнения? (без элемента фона))

Выделить значок меню, когда на этой странице используется React/Gatsby?

Неправильный макет Bootstrap при вставке пробела

Линия three.js исчезает при обновлении вершин ее геометрии

Наведение не работает над элементом div с текстовой областью

Ответы 1

Другие вопросы по теме

Похожие вопросы