Открытие статей через колесико не всегда срабатывает

Все статьи на DTF я открываю через колесико (в новом окне), но если превью статьи содержит картинки, то при клике колесиком на них ничего не происходит. Хотелось, что бы статья открывалась в новом окне как и при клике на превью, которая состоит только из текста.
Если кликнуть непосредственно на текст, то все работает.

Firefox 69, если это важно.

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Сергей Кисляков", "author_type": "self", "tags": [], "comments": 16, "likes": 3, "favorites": 0, "is_advertisement": false, "subsite_label": "bugs", "id": 69104, "is_wide": true, "is_ugc": true, "date": "Wed, 11 Sep 2019 13:43:37 +0300", "is_special": false }
Подкаст «Жиза ГД»: Почему игры столько стоят
Слушать фоном🎧
0
{ "id": 69104, "author_id": 74301, "diff_limit": 1000, "urls": {"diff":"\/comments\/69104\/get","add":"\/comments\/69104\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/69104"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 64969, "last_count_and_date": null }
16 комментариев
Популярные
По порядку
Написать комментарий...
3

Так раньше и было, но потом сделали вот так. Ибо иногда хочется просто посмотреть картинку, а не открывать всю статью целиком.

Ответить
0

Ну левый клик так и работает, а вот нажатие на колесико не особо вяжется с просмотром картинки из превью.

Ответить
0

? левый клик открывает картинку, не открывая статью

Ответить
2

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

Ответить
2

 а человек хочет тыкать по картинке не левой кнопкой а колесиком, и хочет, чтобы при этом стать я открывалась в новой вкладке

А я хочу стать матерью драконов!

Ответить
0

Я про клик на колесико же. ЛКМ по картинке - открытие картинки, тут все ок и мне это нравится (но это работает только если в превью есть галерея картинок, кстати), клик колесиком мышки по картинке/галерее картинок - открытие статьи, вот это я и хочу.

Ответить
0

А, тьфу, не так понял коммент.

Средняя кнопка - открывает ссылку в новой вкладке. То есть та же функция, что и на ЛКМ, но в отдельной вкладке. Как можно сделать на колесо отдельную опцию? Это скорее к разрабам браузера, чем к дтф. В крайнем случае, дтф может сделать по СКМ открытие галереи в новой вкладке. А может и не может ¯\_(ツ)_/¯ 

Ответить
1

Это как раз таки к разработчикам DTF. Не имею информации, на чем конкретно написан фронтенд, но даже в простом javascript есть возможность понять, какая именно из клавиш мыши была нажата над тем или иным элементом.

Ответить
0

@Дмитрий Трубай технически на DTF открытие статьи по любому месту реализовано через показ тега <a> поверх всей превьюшки, но галерея в иерархии почему-то находится поверх <a>. Никто не запрещает разрабам запихнуть галерею под тег <a>, но при этом отловить какую кнопку нажал юзер (левую/среднюю/правую) и на какой элемент и уже от этого реализовывать собственный функционал (отменить переход в статью и показать галерею или ничего не отменять и позволить браузеру открыть ссылку в новой вкладке).

Ответить
1

Не "почему-то", а из-за того, что у элемента `<div class="gall gall--5 l-clear">` указан css стиль `z-index: 2`, который выносит данный элемент выше, чем тег `<a>`, как раз для того, чтобы галерею можно было открыть не переходя внутрь поста.

Ответить
0

Ну ок, я не шарю.

Но мудохаться из-за того, что пользователю лень тыкать по тексту с заголовком, вряд ли кто-то захочет :D

Ответить
1

https://codepen.io/defman/full/LYPmRvb вот, можешь потыкать. При клике на картинку с котом появится алерт, который сообщит, что ты кликнул на галерею, но при этом клик колесиком откроет гугл в новом окне) Точно так же работает клик по красному квадрату: обычный клик сообщит о том, что ты на него кликнул и кинет алерт, что в теории ты открыл гугл в этой вкладке, но из-за ограничений кодпен этого не случится; клик колесиком откроет гугл в новой вкладке. Мудохаться особо не придется, изменений тут минимальное количество)

Ответить
0

Сообщение удалено

Ответить
0

Так какая разница, какой клик? Колёсико - это та же лкм, просто в новой вкладке. Это фича браузера, а не сайта.

Ответить
2

Докину, что неплохо было бы проваливаться в статью и по нажатию на гифки (сейчас клик по гифке активирует плей/паузу анимации).

Ответить
1

Мне кажется, по этой причине я привык всегда кликать на заголовок

Ответить

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovz", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-250597-0", "render_to": "inpage_VI-250597-0-1134314964", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=clmf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudo", "p2": "ftjf" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvc" } } } ]