На данный вопрос уже ответили:
Повесил обработчик события на колесо мыши, не могу вернуть переменную delta со значением в основной код.
var elemToScroll = document.getElementById('container');
if (elemToScroll.addEventListener) {
if ('onwheel' in document) {
// IE9+, FF17+
elemToScroll.addEventListener("wheel", onWheel);
} else if ('onmousewheel' in document) {
// устаревший вариант события
elemToScroll.addEventListener("mousewheel", onWheel);
} else {
// Firefox < 17
elemToScroll.addEventListener("MozMousePixelScroll", onWheel);
}
} else { // IE8-
elemToScroll.attachEvent("onmousewheel", onWheel);
}
function onWheel(e) {
e = e || window.event;
// deltaY, detail содержат пиксели
// wheelDelta не дает возможность узнать количество пикселей
// onwheel || MozMousePixelScroll || onmousewheel
var delta = e.deltaY || e.detail || e.wheelDelta;
var info = document.getElementById('delta');
info.innerHTML = +info.innerHTML + delta;
console.log(delta);
e.preventDefault ? e.preventDefault() : (e.returnValue = false);
}
хмм... у меня все работает.
var elemToScroll = document.getElementById('container');
if (elemToScroll.addEventListener) {
if ('onwheel' in document) {
// IE9+, FF17+
elemToScroll.addEventListener("wheel", onWheel);
} else if ('onmousewheel' in document) {
// устаревший вариант события
elemToScroll.addEventListener("mousewheel", onWheel);
} else {
// Firefox < 17
elemToScroll.addEventListener("MozMousePixelScroll", onWheel);
}
} else { // IE8-
elemToScroll.attachEvent("onmousewheel", onWheel);
}
function onWheel(e) {
e = e || window.event;
// deltaY, detail содержат пиксели
// wheelDelta не дает возможность узнать количество пикселей
// onwheel || MozMousePixelScroll || onmousewheel
var delta = e.deltaY || e.detail || e.wheelDelta;
var info = document.getElementById('delta');
info.innerHTML = +info.innerHTML + delta;
console.log(delta);
e.preventDefault ? e.preventDefault() : (e.returnValue = false);
}
#container{
width: 200px;
height: 200px;
background-color: lightgreen;
}
<span>delta+= </span><h1 id="delta"> </h1>
<div id="container"> </div>
var delta = 0;
function onWheel(e) {
// ...
delta = e.deltaY || e.detail || e.wheelDelta;
// ...
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть страница, куда с помощью ajax запроса вставляются данныеВот кусочек кода:
ЗдравствуйтеПытаюсь сделать так чтобы, при отправке формы в БД записывалась дата отправки в формате "ДД
Здравствуйте, возник вопрос: При включении сайдбара в ST3 он сворачивается после перехода в другое окно или же просто при написании кода через...
Пишу расширение для ChromeНа таргетном сайте есть чат, в который нужно периодически отправлять сообщение