Илья
ИльяMay 4, 2019, 8:28 p.m.

Как поймать событие нажатия мыши в WebEngineView в QML

#QML, #Qt, #WebEngine, #WebEngineView

Имеется следующего вида код в QML

import QtQuick 2.12
import QtWebEngine 1.8
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4

Item {
....
    WebEngineView {
        id: infoLayout         
        anchors.fill: parent  
    }
}

В WebEngineView идет просмотр HTML контента. В программе работает таймер, который отвечает за запуск скринсейвера, если в окне ничего не происходит. По задумке таймер должен сбрасываться по касанию экрана пользователем.
Стандартная вставка кода (вне блока WebEngineView), типа:

MouseArea {
        anchors.fill: parent

        onPressed: {
            saverVisable.restart()
            console.log("CLICK!!!")
        }

приводит к тому, что перекрывает весь экран WebEngineView и нельзя работать с HTML конентом. Если MouseArea вставить внутри блока WebEngineView, то вовсе ничего не происходит. Пробовал вариант через Action, типа

Action {
    shortcut: "Escape"
    onTriggered: {
        console.log("Escape pressed.");
        saverVisable.restart()
    }
}

Работает, однако, я как понял из доков, в shortcut нельзя задавать события нажатия клавиш мыши (или можно?? поправьте меня пожалуйста, если это не так).
Пробовал через onActiveFocusOnPressChanged, он почему-то тоже никак не реагирует, подозреваю что неправильно инициализирую...
И еще осталась надежда на runJavaScript, однако его тоже нужно вызывать по наступлению какого либо события, поэтому кусок кода

 onActiveFocusOnPressChanged: {

            runJavaScript ('onClick();', function(result) {
                res = result;
            });

            if (res === "true") {
                saverVisable.restart()
                console.log(res)
            }
        }

тоже никакого результата не дал...
Прошу, помогите!

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Do you like it? Share on social networks!

3
Evgenii Legotckoi
  • May 9, 2019, 3:27 a.m.
  • The answer was marked as a solution.

Добрый день!

Попробуйте модфицировать вариант с MouseArea таким образом

MouseArea {
    anchors.fill: parent
    propagateComposedEvents: true

    onPressed: {
        saverVisable.restart()
        console.log("CLICK!!!")
        mouse.accepted = false
    }
}

Дело в том, что по умолчанию MouseArea забирает все действия и не передаёт на ниже лежащие объекты. А propagateComposedEvents как раз отвечает за включение передачи событий на вниз. Если установить true, то события должны будут передаваться ниже в WebEngineView

    Илья
    • May 9, 2019, 5:06 a.m.

    Евгений, огромное Вам спасибо! Уже три ночи бился с этой проблемой, пробовал и с С++ обвязать через сигналы, и через Java скрипты...в итоге "велосипед на велосипеде" с кривой работой. Забыл написать, что я как раз и начинал с параметра propagateComposedEvents в MouseArea, но он тоже не помогал. Однако вот это казалось бы простая, но важная строчка mouse.accepted = false, которая как светофор разрешает дальнейшую работу мыши на HTML странице! Именно она позволила решить задачу, которая нигде не описана (трехдневный поиск на всех возможных форумах).
    Спасибо Вам огромное!

      Evgenii Legotckoi
      • May 9, 2019, 5:10 a.m.

      Пожалуйста. К сожалению раньше ответить не мог, не было времени просмотреть вопросы на форуме. Будут ещё вопросы, не стесняйтесь задавать их здесь на форуме. Да и если сами кому поможете - тоже будет очень хорошо.

        Comments

        Only authorized users can post comments.
        Please, Log in or Sign up
        Г

        C++ - Test 001. The first program and data types

        • Result:66points,
        • Rating points-1
        t

        C++ - Test 001. The first program and data types

        • Result:33points,
        • Rating points-10
        t

        Qt - Test 001. Signals and slots

        • Result:52points,
        • Rating points-4
        Last comments
        G
        GoattRockSept. 3, 2024, 1:50 p.m.
        How to Copy Files in Linux Задумывались когда-нибудь о том, как мы привыкли доверять свои вещи службам грузоперевозок? Сейчас такие услуги стали неотъемлемой частью нашей жизни, особенно когда речь идет о переездах между …
        ВР
        Влад РусоковAug. 2, 2024, 1:47 a.m.
        How to Copy Files in Linux Screenshot_20240802-065123.png
        d
        dblas5July 5, 2024, 11:02 a.m.
        QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
        k
        kmssrFeb. 8, 2024, 6:43 p.m.
        Qt Linux - Lesson 001. Autorun Qt application under Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
        Qt WinAPI - Lesson 007. Working with ICMP Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
        Now discuss on the forum
        Evgenii Legotckoi
        Evgenii LegotckoiJune 24, 2024, 3:11 p.m.
        добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
        F
        FynjyJuly 22, 2024, 4:15 a.m.
        при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …
        BlinCT
        BlinCTJune 25, 2024, 1 a.m.
        Нарисовать кривую в qml Всем привет. Имеется Лист листов с тосками, точки получаны интерполяцией Лагранжа. Вопрос, как этими точками нарисовать кривую? ChartView отпадает сразу, в qt6.7 появился новый элемент…
        BlinCT
        BlinCTMay 5, 2024, 5:46 a.m.
        Написать свой GraphsView Всем привет. В Qt есть давольно старый обьект дял работы с графиками ChartsView и есть в 6.7 новый но очень сырой и со слабым функционалом GraphsView. По этой причине я хочу написать х…
        Evgenii Legotckoi
        Evgenii LegotckoiMay 2, 2024, 2:07 p.m.
        Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Добрый день. По моему мнению - да, но то, что будет касаться вызовов к функционалу Андроида, может создать огромные трудности.

        Follow us in social networks