Disable select all (ctrl+a)

Question

I want to disable any image selecting in my website. I already use this code:

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

but still have a problem with CTRL+A. Is there any jQuery or Javascript code to disable CTRL+A and select all function?

EDIT : this is my website > http://narenjco.ir/ press ctrl+a in first page , i want to make sparks unselectable

You shouldn't be doing that. People will still be able to grab content from your website. — MMM, May 15 '13 at 09:48
Why do you want to do this? It won't prevent users from copying your content, only frustrate them because they encounter unexpected behavior. Nobody disabled right-click menu's nowadays anymore too... — dtech, May 15 '13 at 09:48
Laughing at 3 the first 3 identical comments 10 seconds from each other. — dtech, May 15 '13 at 09:49
I don't want to forbidding downloads or protect my content from others , just want to make it unselectable :) — Mori uzx, May 15 '13 at 09:52
Blocking ctrl+a isn't enough given that some browsers have a "Select All" option on their Edit menu... — nnnnnn, May 15 '13 at 09:53
@Moriuzx That still doesn't say *why* you want to make it unselectable, there aren't many good reasons to do that. — dtech, May 15 '13 at 09:53
@Moriuzx if you really want to do this see http://www.dynamicdrive.com/dynamicindex9/noselect.htm — , May 15 '13 at 09:54
You people have all downvoted this question because of assumptions. The use of disabling Ctrl+A in this situation is perfectly plausible. — James Donnelly, May 15 '13 at 10:00
if its really that important, you could keep the focus in an invisible textfield. +1 for being concerned about the finer details. don't get discouraged. — Shanimal, May 15 '13 at 10:02

score 8 · Answer 1 · edited Jan 04 '20 at 14:20

Edit: I now see that you've applied it to the images within the .unselectable class. In Chrome these images are unselectable, so the issue appears to be browser-specific. To overcome this problem in whichever browser you're using you'll need to use JavaScript.

It's all to do with the usage of your user-select:none. Currently, I can't see on your site where this has been applied, however applying it to the body tag does prevent Ctrl+A from selecting any content (in Chrome at least).

body {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

score 4 · Accepted Answer · answered May 15 '13 at 09:56

4

Try this

$(function(){   
    $(document).keydown(function(objEvent) {        
        if (objEvent.ctrlKey) {          
            if (objEvent.keyCode == 65) {                         

                return false;
            }            
        }        
    });
});

answered May 15 '13 at 09:56

Sudz

4,268
2
17
26

2

You've copied the answer from a duplicate question: http://stackoverflow.com/questions/2403748/how-can-i-disable-ctrla-select-all-using-jquery-in-a-browser?lq=1 – MMM May 15 '13 at 09:57
1

May be, but it will work – Sudz May 15 '13 at 09:59
It's either you copied the answer from Marcx or you both copied the code from a website which I doubt Marcx would do. – Michael 'Maik' Ardan May 15 '13 at 09:59
4

It's ok to copy code from another answer, but if you do so you should credit the original author. – JJJ May 15 '13 at 10:03
Use `event.key` instead. `event.keyCode` is `deprecated`.https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key – Iglesias Leonardo Apr 20 '22 at 14:49

score 0 · Answer 3 · edited Jan 04 '20 at 14:20

0

You can listen to key press events and return false on Ctrl+A

$(document).keypress(function(e) {
    return e.keyCode != 65 || e.ctrlKey == false; // Return false only on Ctrl+A
}

edited Jan 04 '20 at 14:20

Misha Akopov

12,241
27
68
82

answered May 15 '13 at 09:58

dtech

13,741
11
48
73

thx dtech i test it but not working – Mori uzx May 15 '13 at 10:10

Disable select all (ctrl+a)

3 Answers3