juqery事件点击右键触发事件

最新推荐文章于 2025-11-24 03:12:01 发布

原创最新推荐文章于 2025-11-24 03:12:01 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，通过使用jQuery库来触发一个div元素的鼠标按下事件，并根据左键或右键点击弹出不同的提示框。此外，还演示了如何通过按钮触发特定的鼠标事件。

<!DOCTYPE HTML>
<html>
<title>38</title>
<head>
<style>
div{

    width:500px;

    height:500px;

    background-color:#aabbcc;
}
 
</style>

<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div></div>
<button>trigger</button>
 
</body>
<script>

$(function(){

    $('div').mousedown(function(event, a){

        if(event.which == 1 || a == 'left'){

            alert('left click');

        }

        if(event.which == 3 || a == 'right'){

            alert('right click');

        }

    });

    $('button').click(function(){

        $('div').trigger('mousedown', ['right']);

    });
 
});
</script>
</html>