要实现禁用右键、文本选择功能、复制按键,可以通过以下步骤:
1.禁用右键
可以使用jQuery的 contextmenu
事件来实现禁用右键功能。在鼠标右键按下时,阻止默认的右键菜单显示即可。
$(function(){
$(document).on('contextmenu',function(){
return false;
});
});
2.禁用文本选择
可以使用jQuery的 selectstart
事件来实现禁用文本选择功能。在文本被选择时,阻止默认的文本选择即可。
$(function(){
$(document).on('selectstart',function(){
return false;
});
});
3.禁用复制按键
可以在键盘按下事件 keydown
中加入判断,当按下 Ctrl+C 或 Command+C 时,阻止默认复制事件。
$(function(){
$(document).on('keydown',function(event){
if (event.ctrlKey || event.metaKey) {
switch (String.fromCharCode(event.which).toLowerCase()) {
case 'c':
event.preventDefault();
break;
}
}
});
});
完整的代码如下所示:
$(function(){
//禁用右键
$(document).on('contextmenu',function(){
return false;
});
//禁用文本选择
$(document).on('selectstart',function(){
return false;
});
//禁用复制按键
$(document).on('keydown',function(event){
if (event.ctrlKey || event.metaKey) {
switch (String.fromCharCode(event.which).toLowerCase()) {
case 'c':
event.preventDefault();
break;
}
}
});
});
示例1:在百度首页禁用右键和文本选择
$(function(){
//禁用右键
$('#wrapper').on('contextmenu',function(){
return false;
});
//禁用文本选择
$('#wrapper').on('selectstart',function(){
return false;
});
});
示例2:在谷歌首页禁用复制按键
$(function(){
//禁用复制按键
$(document).on('keydown',function(event){
if (event.ctrlKey || event.metaKey) {
switch (String.fromCharCode(event.which).toLowerCase()) {
case 'c':
event.preventDefault();
break;
}
}
});
});
以上就是基于jquery的禁用右键、文本选择功能、复制按键的实现代码的完整攻略。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:基于jquery的禁用右键、文本选择功能、复制按键的实现代码 - Python技术站