js鼠标事件（原创）

Html

Css

HTML5 简介 HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。

鼠标事件：

滑动事件：

滚轮方向：

window.onload = function() {
    $(document).on("mousedown", function(e) {
        var which = e.which
        if (which == "1") {
            $(".mouseclick").val("左键")
        } else if (which == "2") {
            $(".mouseclick").val("滚轮")
        } else if (which == "3") {
            $(".mouseclick").val("右键")
        }
    })
    $("button").click(function() {
        var name = $(this).attr("name")
        if (name == "rightmenuStop") {
            eventsend("contextmenu")
        }
        if (name == "rightmenu") {
            eventstart("contextmenu")
        }
        if (name == "selectstartStop") {
            eventsend("selectstart")
        }
        if (name == "selectstart") {
            eventstart("selectstart")
        }
    })
    //滚轮事件
    $(document).on("mousewheel DOMMouseScroll", function(e) {
        var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||
            (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));
        if (delta == 1) {
            $('.mousewheel').val("上")
        } else if (delta == -1) {
            $('.mousewheel').val("下")
        }
    })
    //鼠标滑动
    var timer1 = null,
        timer2 = null,
        x2, x1, y2, y1, time = 100
    $(document).on("mousemove", function(e) {
        x1 = e.pageX
        y1 = e.pageY
        timer2 = setTimeout(function() {
            x2 = e.pageX
            y2 = e.pageY
            if (x1 > x2) {
                $(".mousemovex").val("右")
            } else if (x1 < x2) {
                $(".mousemovex").val("左")
            } else {
                $(".mousemovex").val("")
            }
            if (y1 > y2) {
                $(".mousemovey").val("下")
            } else if (y1 < y2) {
                $(".mousemovey").val("上")
            } else {
                $(".mousemovey").val("")
            }
            clearInterval(timer2)
        }, time)
    })

function eventstart(event) {
        $(document).off(event);
    }

function eventsend(event) {
        $(document).on(event, function() {
            return false;
        });
    }
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

js鼠标事件（原创）

代码描述：鼠标左右滚轮键事件，右键菜单禁止恢复，文本选择禁止恢复

更新时间：2020-07-17 00:03:50

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

时光や最深处

相关代码