Select the left mouse button. The forward slash (/) Select both buttons. The asterisk ( ) Select the right mouse button. The minus sign (-) Note: If you choose to make the left mouse button the active button, it will remain the active button until you choose another button. Simply put, in Windows, the left click selects something and carries out some sort of an action. You can either single click it or double click it. If you single click, you generally select something. Think of a file or a folder as a target for some action to come in the future. If you double click, whatever the possible action is, it’s carried out. Way 2: Set up Mouse Keys in Control Panel. Step 1: Access Control Panel. Step 2: Open Ease of Access. Step 3: Click Change how your mouse works to move on. Step 4: Choose Set up Mouse Keys. Step 5: In Pointer speed settings, move the scales to the left or the right so as to change the top speed and acceleration, or select Hold down CTRL to. Replacing the mouse keys by the numeric keypad is as follows: Typing 5 (with the numeric keypad) is equivalent to clicking the selected button. By default, the selected button is the primary button (nominally under index finger, left button for most right-handed people and right button for most left.
- Mouse Keys Left Click Not Working
- Shortcut Keys For Mouse Left Click
- Keyboard Shortcut Left Mouse Click
- Keyboard Left Click Not Working
- Simulate Mouse Click With Keyboard
- Why Are My Keys Clicking
In this chapter we’ll get into more details about mouse events and their properties.
Mouse Keys Left Click Not Working
Please note: such events may come not only from “mouse devices”, but are also from other devices, such as phones and tablets, where they are emulated for compatibility.
Mouse event types
We’ve already seen some of these events:
mousedown/mouseup
- Mouse button is clicked/released over an element.
mouseover/mouseout
- Mouse pointer comes over/out from an element.
mousemove
- Every mouse move over an element triggers that event.
click
- Triggers after
mousedown
and thenmouseup
over the same element if the left mouse button was used. dblclick
- Triggers after two clicks on the same element within a short timeframe. Rarely used nowadays.
contextmenu
- Triggers when the right mouse button is pressed. There are other ways to open a context menu, e.g. using a special keyboard key, it triggers in that case also, so it’s not exactly the mouse event.
…There are several other events too, we’ll cover them later.
Events order
As you can see from the list above, a user action may trigger multiple events.
For instance, a left-button click first triggers
mousedown
, when the button is pressed, then mouseup
and click
when it’s released.In cases when a single action initiates multiple events, their order is fixed. That is, the handlers are called in the order
mousedown
→ mouseup
→ click
.Click the button below and you’ll see the events. Try double-click too.
On the teststand below all mouse events are logged, and if there is more than a 1 second delay between them they are separated by a horizontal ruler.
Also we can see the
button
property that allows to detect the mouse button, it’s explained below.Mouse button
Click-related events always have the
button
property, which allows to get the exact mouse button.We usually don’t use it for
click
and contextmenu
events, because the former happens only on left-click, and the latter – only on right-click.From the other hand,
mousedown
and mouseup
handlers may need event.button
, because these events trigger on any button, so button
allows to distinguish between “right-mousedown” and “left-mousedown”.The possible values of
event.button
are:Button state | event.button |
---|---|
Left button (primary) | 0 |
Middle button (auxiliary) | 1 |
Right button (secondary) | 2 |
X1 button (back) | 3 |
X2 button (forward) | 4 |
Most mouse devices only have the left and right buttons, so possible values are
0
or 2
. Touch devices also generate similar events when one taps on them.Also there’s
event.buttons
property that has all currently pressed buttons as an integer, one bit per button. In practice this property is very rarely used, you can find details at MDN if you ever need it.Old code may use
event.which
property that’s an old non-standard way of getting a button, with possible values:event.which 1
– left button,event.which 2
– middle button,event.which 3
– right button.
As of now,
event.which
is deprecated, we shouldn’t use it.Modifiers: shift, alt, ctrl and meta
All mouse events include the information about pressed modifier keys.
Event properties:
Shortcut Keys For Mouse Left Click
shiftKey
: ShiftaltKey
: Alt (or Opt for Mac)ctrlKey
: CtrlmetaKey
: Cmd for Mac
They are
true
if the corresponding key was pressed during the event.For instance, the button below only works on Alt+Shift+click:
Attention: on Mac it’s usually
Cmd
instead of Ctrl
On Windows and Linux there are modifier keys Alt, Shift and Ctrl. On Mac there’s one more: Cmd, corresponding to the property
metaKey
.In most applications, when Windows/Linux uses Ctrl, on Mac Cmd is used.
That is: where a Windows user presses Ctrl+Enter or Ctrl+A, a Mac user would press Cmd+Enter or Cmd+A, and so on.
So if we want to support combinations like Ctrl+click, then for Mac it makes sense to use Cmd+click. That’s more comfortable for Mac users.
Even if we’d like to force Mac users to Ctrl+click – that’s kind of difficult. The problem is: a left-click with Ctrl is interpreted as a right-click on MacOS, and it generates the
contextmenu
event, not click
like Windows/Linux.So if we want users of all operating systems to feel comfortable, then together with
ctrlKey
we should check metaKey
.For JS-code it means that we should check
if (event.ctrlKey || event.metaKey)
.Keyboard combinations are good as an addition to the workflow. So that if the visitor uses a keyboard – they work.
But if their device doesn’t have it – then there should be a way to live without modifier keys.
Coordinates: clientX/Y, pageX/Y
All mouse events provide coordinates in two flavours:
- Window-relative:
clientX
andclientY
. - Document-relative:
pageX
andpageY
.
We already covered the difference between them in the chapter Coordinates.
In short, document-relative coordinates
pageX/Y
are counted from the left-upper corner of the document, and do not change when the page is scrolled, while clientX/Y
are counted from the current window left-upper corner. When the page is scrolled, they change.For instance, if we have a window of the size 500x500, and the mouse is in the left-upper corner, then
clientX
and clientY
are 0
, no matter how the page is scrolled.And if the mouse is in the center, then
clientX
and clientY
are 250
, no matter what place in the document it is. They are similar to position:fixed
in that aspect.Move the mouse over the input field to see
clientX/clientY
(the example is in the iframe
, so coordinates are relative to that iframe
):Preventing selection on mousedown
Double mouse click has a side-effect that may be disturbing in some interfaces: it selects text.
For instance, double-clicking on the text below selects it in addition to our handler:
If one presses the left mouse button and, without releasing it, moves the mouse, that also makes the selection, often unwanted.
There are multiple ways to prevent the selection, that you can read in the chapter Selection and Range.
In this particular case the most reasonable way is to prevent the browser action on
mousedown
. It prevents both these selections:Now the bold element is not selected on double clicks, and pressing the left button on it won’t start the selection.
Please note: the text inside it is still selectable. However, the selection should start not on the text itself, but before or after it. Usually that’s fine for users.
If we want to disable selection to protect our page content from copy-pasting, then we can use another event:
oncopy
.If you try to copy a piece of text in the
<div>
, that won’t work, because the default action oncopy
is prevented.Surely the user has access to HTML-source of the page, and can take the content from there, but not everyone knows how to do it.
Summary
Mouse events have the following properties:
- Button:
button
. - Modifier keys (
true
if pressed):altKey
,ctrlKey
,shiftKey
andmetaKey
(Mac).- If you want to handle Ctrl, then don’t forget Mac users, they usually use Cmd, so it’s better to check
if (e.metaKey || e.ctrlKey)
.
- If you want to handle Ctrl, then don’t forget Mac users, they usually use Cmd, so it’s better to check
- Window-relative coordinates:
clientX/clientY
. - Document-relative coordinates:
pageX/pageY
.
The default browser action of
mousedown
is text selection, if it’s not good for the interface, then it should be prevented.In the next chapter we’ll see more details about events that follow pointer movement and how to track element changes under it.
Mouse left click is right clicking or mouse left click behaves like right click? Learn how to fix mouse left click acting like right click in Windows 10 PC.
It doesn’t matter whether you’re a Mac user or Windows laptop user, if you are using a set of keyboard and mouse for faster typing and increasing work efficiency then over a period of time you may face various keyboard typing errors and mouse problems.
![Click Click](/uploads/1/1/8/0/118031788/433771009.jpg)
Mouse pointer automatically moves to upper-left corner of screen, mouse double clicking on single click, mouse cursor freezes and disappears, mouse lagging and beeping randomly, wireless mouse not detected after windows update, and mouse not working properly in Excel etc. are some of the major mouse problems in Windows 10 operating system and mouse left click acting like right click issue is also one of them.
So, if you are also one of those users whose mouse left click is right clicking (left click behaves like right click) and mouse left click brings up the context menu in Windows 10 computer then this tutorial is perfect for you.
In this Windows 10 mouse troubleshooting guide, we are sharing the easiest way to fix mouse left click acting like right click Windows 10 problem.
Do you know? How to Fix Lenovo Touchpad Not Working in Windows 10 Issues
Mouse Left Click Acting Like Right Click in Windows 10
Why my mouse left click is right clicking? Well, there is no any specific reason why suddenly Windows 10 mouse left click behaves like right click and left click brings up context menu. But in most of the cases, it happens due to the outdated mouse driver or few changes in the mouse button configuration settings.
Keyboard Shortcut Left Mouse Click
Now you want to know, what to do if mouse right click works like left click? Here’s how to fix mouse left click acting like right click in Windows 10 computer:
Step (1): At first, go to the Windows 10 Start menu and then select Settings option.
Step (2): On the Windows Settings window, click on Devices option.
Step (3): On the Devices window, click on Mouse option from the left panel and then select your primary button as Left.
Step (4): In case, you are unable to select your primary button as Left from here then click on “Additional mouse options” option from the Related settings.
Step (5): On Mouse Properties dialog-box, go to Buttons tab and then uncheck “Switch primary and secondary buttons” option.
Keyboard Left Click Not Working
Step (6): Finally, click on Apply and then OK button. That’s it!
This action should solve your mouse left click behaves like right click problem.
Simulate Mouse Click With Keyboard
Now, you will notice that your Windows 10 mouse left click is acting like left click and mouse right click is bringing up context menu.
Thus, you can see how simple is to fix left click acting like right click Windows 10 issue. In case, if your mouse is not working properly then uninstall mouse driver and then install the latest version of Mouse driver software for Windows 10 PC.
Why Are My Keys Clicking
Feel free to let us know using the comment section below if you know any other best way to fix left click behaves like right click and left mouse click brings up context menu in Windows 10 computer.
Read next:How to Fix ASUS Smart Gesture Not Working Windows 10 Issue