How to detect contenteditable cursor position change Safari + iPad + IOS 7?

Question

When using contenteditable (on HTML5) you can listen to click/touch and key events to detect when the cursor position changes. It seems on iPad / Safari nothing fires when using a touch event to reposition the cursor.

Is there a method to detect the cursor position change?

score 8 · Accepted Answer · edited May 23 '17 at 10:33

8

On WebKit and derivatives (including Safari, Chrome and Mobile Safari), and IE, you can use the selectionchange event of the document:

document.onselectionchange = function() {
    console.log("Selection changed!");
};

See also https://stackoverflow.com/a/13881312/96100

edited May 23 '17 at 10:33

Community

1
1

answered May 09 '14 at 09:06

Tim Down

318,141
75
454
536

It seems a cursor reposition itself does not fire a selection change. – Diodeus - James MacFarlane May 09 '14 at 16:11
3

I tried to hook the event up to my textarea, but unless it's bound to document it won't work. Binding to document is key. – Diodeus - James MacFarlane May 09 '14 at 20:36
@Diodeus: Yes, that's why I explicitly suggested binding to the document :) Glad you got it working. – Tim Down May 09 '14 at 21:23

How to detect contenteditable cursor position change Safari + iPad + IOS 7?

1 Answers1