Как предотвратить действие по умолчанию для события Mousewheel

Question

Как предотвратить действие по умолчанию для события Mousewheel

0

Я работаю над построением диаграммы d3.js, которая позволит мне прокручивать по оси x, обертывая элемент svg с фиксированной шириной и располагая высоту меньшего div с свойствами переполнения. Эта визуализация строится на платформе, которая обрабатывает данные и предоставляет редактор кода javascript для создания визуализации. После публикации кода гистограмма отображается в элементе html div.

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

$(vizhtmlelement).mousewheel(function() {
    return false;
});

Это успешно работает при удалении функциональности масштабирования, но также предотвращает работу прокрутки с помощью мыши. Есть ли способ, которым я могу остановить масштабирование колесика мыши, если вы держите прокрутку мыши в моей визуализации?

user2921383 25 окт. 2013, в 23:04

Источник

1

Вы ищете event.preventDefault();
Jay Harris 25 окт. 2013, в 20:36

Теги:

javascript

jquery

d3.js

1 ответ

Ещё вопросы

Elijah · Answer 1 · 2013-10-26T02-10-00.000Z

На любом элементе вы.call() свою функцию масштабирования, вам необходимо установить его поведение в режиме мыши. Поэтому, если вы.call (увеличить) от или с идентификатором "yourElement", то это будет выглядеть так:

d3.select("#yourElement")
.call(myZoom)
.on("dblclick.zoom", null)
.on("mousewheel.zoom", null)
.on("DOMMouseScroll.zoom",null);

Заметьте, я также отключил двойное нажатие, потому что вы, вероятно, тоже захотите, чтобы это было отключено.

Привет Илия, спасибо за ответ. К сожалению, не имеет контроля над функцией масштабирования. Он уже вызывается по умолчанию на всей странице.
Насколько я могу судить, backbone.js используется, и в одном из свойств initialize () вызывается функция zoomHammer: this._zoomHammer = this.$content.zoomHammer(this.options).data("zoomHammer"); , Эта функция zoomHammer имеет следующую строку: el.data('zoomHammer', new Zoomable(this, options || {})); , Затем функции Zoomable вызывают функцию включения, которая содержит: this.$root().on('mousewheel', function (ev, delta) { ev.preventDefault(); return instance._handleWheel(ev, delta); });
Ах, я думал, что это имеет дело с функцией d3.zoom (). Я недостаточно знаком с магистралью, чтобы знать, как ее переопределить.