数码资讯
任何元素的自定义右键菜单的Javascript实现
1。一些概念: 1、鼠标事件有一个按钮的属性:返回一个整数来表示哪个鼠标按钮被点击。 bug:在IE和标准DOM的鼠标事件中,惟一的按钮属性是右击事件的相同值,所有返回值为2。 2、事件onmousedown:按下鼠标按钮的动作。 事件:单击另一个事件的OnContextMenu鼠标触发。 三.中断
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
1。一些概念:
1、鼠标事件有一个按钮的属性:返回一个整数来表示哪个鼠标按钮被点击。
bug:在IE和标准DOM的鼠标事件中,惟一的按钮属性是右击事件的相同值,所有返回值为2。
2、事件onmousedown:按下鼠标按钮的动作。
事件:单击另一个事件的OnContextMenu鼠标触发。
三.中断的默认事件处理函数的方法:则=假设在伊江;preventDefault()方法是在标准的DOM调用。
4、事件对象:(1)在伊江中,事件对象是窗口对象的一个事件属性。
声明:
在标准DOM中,事件对象是事件处理函数的惟一参数。
声明:
兼容性:
两。实现:
HTML:
复制代码代码如下所示:
猫叔是一只肥白色的猫!
剪切
复制
粘贴
Javascript:
复制代码代码如下所示:
窗口。指针函数(){
右键菜单('p1 ','d1);
}
{ ***
*封装右键菜单功能:
* elementid自定义的右键菜单中的元素的ID
* menuid显示右键菜单div ID
* /
功能右键菜单(elementid,menuid){
菜单= document.getelementbyid(menuid; / /获得)菜单中的对象
VaR元= document.getelementbyid(elementid); / /把右键单击自定义元素
元。onmousedown =函数(事件){ / /设置元素的右键单击鼠标右键处理程序
如果(window.event aEvent =窗口。事件); / / resolvecompatibility
如果(aEvent。按钮= = 2){ / /当事件价值的按键是2,用户按下右键表
文件。OnContextMenu =函数(事件){
如果(窗口事件){
事件= window.event;
事件。值= false; / / IE中断默认右键单击事件处理程序
其他{ }
(aEvent。preventDefault); / / DOM标准中断默认右键单击事件处理程序
};
};
菜单风格。csstext =显示:块;顶:+事件。clienty + 'px;右:+ +事件。ClientX + 'px;
鼠标的相对位置
}
}
(菜单。onmouseout=功能){ / /隐藏菜单设置鼠标从菜单
setTimeout(function(){菜单风格。显示为无;},400);
}
}
1、鼠标事件有一个按钮的属性:返回一个整数来表示哪个鼠标按钮被点击。
bug:在IE和标准DOM的鼠标事件中,惟一的按钮属性是右击事件的相同值,所有返回值为2。
2、事件onmousedown:按下鼠标按钮的动作。
事件:单击另一个事件的OnContextMenu鼠标触发。
三.中断的默认事件处理函数的方法:则=假设在伊江;preventDefault()方法是在标准的DOM调用。
4、事件对象:(1)在伊江中,事件对象是窗口对象的一个事件属性。
声明:
在标准DOM中,事件对象是事件处理函数的惟一参数。
声明:
兼容性:
两。实现:
HTML:
复制代码代码如下所示:
猫叔是一只肥白色的猫!
剪切
复制
粘贴
Javascript:
复制代码代码如下所示:
窗口。指针函数(){
右键菜单('p1 ','d1);
}
{ ***
*封装右键菜单功能:
* elementid自定义的右键菜单中的元素的ID
* menuid显示右键菜单div ID
* /
功能右键菜单(elementid,menuid){
菜单= document.getelementbyid(menuid; / /获得)菜单中的对象
VaR元= document.getelementbyid(elementid); / /把右键单击自定义元素
元。onmousedown =函数(事件){ / /设置元素的右键单击鼠标右键处理程序
如果(window.event aEvent =窗口。事件); / / resolvecompatibility
如果(aEvent。按钮= = 2){ / /当事件价值的按键是2,用户按下右键表
文件。OnContextMenu =函数(事件){
如果(窗口事件){
事件= window.event;
事件。值= false; / / IE中断默认右键单击事件处理程序
其他{ }
(aEvent。preventDefault); / / DOM标准中断默认右键单击事件处理程序
};
};
菜单风格。csstext =显示:块;顶:+事件。clienty + 'px;右:+ +事件。ClientX + 'px;
鼠标的相对位置
}
}
(菜单。onmouseout=功能){ / /隐藏菜单设置鼠标从菜单
setTimeout(function(){菜单风格。显示为无;},400);
}
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。