$.event.mouseHooks не работает в jquery 3, работал в бета-версии

Question

Я использую проект с открытым исходным кодом, который больше не поддерживается: https://github.com/timmywil/jquery.panzoom

Я хорошо работал с бета-версией jquery 3, но не работает с официального релиза.

Проблема, кажется, $.event.mouseHooks, он был объявлен устаревшим jQuery. Есть ли обходной путь для этого или мне нужно искать другую функциональность Panzoom?

(также, если у вас есть предложение для замены, не стесняйтесь поделиться)

Answer 1

У меня была та же проблема, и я решил ее, используя jquery-migrate и скопировав код mouseHooks из версии 1.12.4:

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.0.1.js"></script>

<script type="text/javascript">
    jQuery.event.mouseHooks = {
        props: ( "button buttons clientX clientY fromElement offsetX offsetY " +
            "pageX pageY screenX screenY toElement" ).split( " " ),
        filter: function( event, original ) {
            var body, eventDoc, doc,
                button = original.button,
                fromElement = original.fromElement;

            // Calculate pageX/Y if missing and clientX/Y available
            if ( event.pageX == null && original.clientX != null ) {
                eventDoc = event.target.ownerDocument || document;
                doc = eventDoc.documentElement;
                body = eventDoc.body;

                event.pageX = original.clientX +
                    ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) -
                    ( doc && doc.clientLeft || body && body.clientLeft || 0 );
                event.pageY = original.clientY +
                    ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) -
                    ( doc && doc.clientTop  || body && body.clientTop  || 0 );
            }

            // Add relatedTarget, if necessary
            if ( !event.relatedTarget && fromElement ) {
                event.relatedTarget = fromElement === event.target ?
                    original.toElement :
                    fromElement;
            }

            // Add which for click: 1 === left; 2 === middle; 3 === right
            // Note: button is not normalized, so don't use it
            if ( !event.which && button !== undefined ) {
                event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
            }

            return event;
        }
    };
</script>

Answer 2

Я столкнулся с той же проблемой и не мог ее исправить.

Мне пришлось откатить JQuery обратно в альфа, чтобы это исправить.
http://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js