`

juqery事件点击右键触发事件

 
阅读更多
<!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>
分享到:
评论

相关推荐

    jquery contextmenu鼠标右键点击页面弹出菜单选项

    `jQuery.contextmenu`的基本用法是在元素上绑定一个事件监听器,当用户在该元素上右键点击时,会触发预定义的菜单选项。以下是一些关于如何使用`jQuery.contextmenu`的关键知识点: 1. **安装与引入**:首先,你...

    jquery-contextMenu右键(左键)菜单插件

    这款插件不仅支持传统的右键点击触发,还可以根据需求设置为左键点击显示菜单,极大地提升了用户的交互体验。在网页开发中,尤其是在处理具有多种操作可能的列表时,`jQuery-contextMenu`能够提供一种直观且高效的...

    jQuery鼠标右键点击显示菜单代码

    标签“jQuery 右键”提示我们关注的重点是使用jQuery处理鼠标右键点击事件,以及构建和显示自定义的上下文菜单。 在提供的压缩包文件“texiao5612_1560680877”中,可能包含了实现这个功能的具体代码示例或相关资源...

    jQuery鼠标右键点击菜单代码.zip

    在右键点击事件触发后,根据鼠标位置显示这个菜单: ```javascript $(document).on('contextmenu', function(e) { e.preventDefault(); var $menu = $('#customMenu'); $menu.css({ top: e.pageY + 'px', left...

    jQuery鼠标右键点击弹出菜单.zip

    "jQuery鼠标右键点击弹出菜单"是一个基于jQuery实现的功能,它结合了Bootstrap 3.3.6这一强大的前端框架,为用户提供了一种在页面上通过鼠标右键点击来触发自定义菜单的交互体验。 Bootstrap是Twitter推出的一个...

    jQuery实现鼠标右键点击弹出菜单特效源码.zip

    `$.fn.contextmenu`是jQuery的一个扩展,可以用来监听右键点击事件。当你在网页元素上执行`contextmenu`事件时,浏览器默认的右键菜单会被阻止,取而代之的是我们自定义的菜单。 源码的核心部分可能包括以下步骤: ...

    甘特图+jquery实现可右键修改数据的甘特图.rar

    在实现可右键修改数据的甘特图时,jQuery可以帮助我们监听右键点击事件,触发数据修改功能。首先,我们需要在HTML中定义甘特图的基本结构,包括各个任务的条形图元素。这些元素可以通过CSS进行样式设置,以符合甘特...

    jquery 禁止鼠标右键并监听右键事件

    在上面的代码中,当用户点击任何链接时,都会弹出一个警告框显示触发事件的鼠标按钮编号。同时,通过返回false,阻止了链接的默认行为。在特定的元素(如id为`downwps2010`的元素)上,根据点击的是左键还是右键,弹...

    jQuery实现自定义右键菜单的树状菜单效果

    1. jQuery鼠标事件:要实现右键菜单,首先需要监听鼠标右键点击事件。在jQuery中,这可以通过监听contextmenu事件来完成。然后,我们需要处理点击后的行为,例如显示自定义菜单,并在点击菜单外的区域时隐藏菜单。 ...

    jQuery自定义鼠标右键弹出菜单代码.rar

    在这个例子中,我们需要监听鼠标右键点击事件,这在JavaScript中通常用`contextmenu`事件来实现。jQuery提供了方便的`.on()`方法来绑定事件处理函数,例如: ```javascript $(document).on('contextmenu', function...

    jQuery右键点击下拉菜单插件.zip

    jQuery右键点击下拉菜单插件是Web开发中一种便捷的交互增强工具,它利用了流行的Bootstrap框架中的下拉菜单组件。Bootstrap是一个广泛使用的前端框架,提供了丰富的UI组件,包括响应式的布局、导航条、模态框等,而...

    jquery 右键弹出菜单

    在这个场景下,我们将主要关注"contextmenu"事件,这是当用户在元素上执行右键点击时触发的事件。我们可以绑定一个函数到这个事件,以便在用户右键点击时显示自定义菜单。 ```javascript $(document).on('...

    jQuery自定义鼠标右键弹出菜单代码.zip

    它会监听`contextmenu`事件,这个事件会在用户在页面上执行右键点击时触发。通过阻止浏览器的默认行为,我们可以防止默认的右键上下文菜单显示。然后,根据需要,我们可以动态创建或显示已经准备好的HTML结构作为...

    jQuery电脑桌面右键菜单代码.zip

    在创建右键菜单时,我们主要利用jQuery的事件监听和动态DOM构建能力。 jquery.contextMenu.min.js是jQuery的一个插件,专门用于实现上下文菜单(即右键菜单)。它提供了一种简单的方式来创建、配置和管理这些菜单。...

    jQuery自定义鼠标右键弹出菜单代码

    1. 监听`contextmenu`事件:这是浏览器为右键点击触发的事件。 2. 阻止默认的右键菜单:使用`event.preventDefault()`防止浏览器自带的右键菜单出现。 3. 获取鼠标位置:`event.clientX`和`event.clientY`提供鼠标...

    jQuery鼠标右键多级导航菜单.zip

    在本项目"jQuery鼠标右键多级导航菜单.zip"中,我们主要探讨的是如何使用jQuery库来实现一种独特的用户交互体验:通过鼠标右键触发的多级导航菜单。这个功能通常用于网页应用,以提供快捷的操作选项或者访问深层的...

    jQuery实现右键菜单源码

    `selector`是选择器,用于指定触发事件的元素;`handler`是事件处理函数,当事件发生时执行。 2. `$(element).hide()` 和 `$(element).show()`:这两个方法分别用于隐藏和显示一个元素,常用于控制菜单的可见性。 ...

    jQuery鼠标右键点击显示菜单.zip

    接着,我们需要监听`contextmenu`事件,这是浏览器在用户执行右键点击时触发的事件。在jQuery中,可以这样设置: ```javascript $(document).on('contextmenu', function(e) { e.preventDefault(); // 阻止默认的...

Global site tag (gtag.js) - Google Analytics