First, to clarify the question: On an M emulator, if you highlight text, you will see the new floating action mode. If you click the overflow icon, you will see “API DEMOS” show up: Clicking that brings up an activity from the API Demos app, showing the highlighted text: Replacing the value in the field … Read more
Putting it on html, not *, works for me: html { -webkit-user-select: none; }
I’ve updated your fiddle see: http://jsfiddle.net/eghpf/2/ I’ve added var currentPosition which is used in this method function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else if (input.createTextRange) { var range = input.createTextRange(); range.collapse(true); range.moveEnd(‘character’, selectionEnd); range.moveStart(‘character’, selectionStart); range.select(); } } Which comes from this jQuery Set Cursor Position in Text Area … Read more
With UITextField, you cannot. But if you see the headers, you have _selectedRange and others that might be used if you add some categories to it 😉 Update for iOS5 and above : Now UITextField and UITextView conform to UITextInput protocol so it is possible 🙂 Selecting the last 5 characters before the caret would … Read more
Yes. In all browsers you can get one or more Ranges or a TextRange from the user’s selection, and both Range and TextRange have methods for changing the contents of the range. UPDATE You can set the user’s selection by creating a Range and adding it to the Selection object in most browsers and by … Read more
Here’s a function that will get you HTML corresponding to the current selection in all major browsers: function getSelectionHtml() { var html = “”; if (typeof window.getSelection != “undefined”) { var sel = window.getSelection(); if (sel.rangeCount) { var container = document.createElement(“div”); for (var i = 0, len = sel.rangeCount; i < len; ++i) { container.appendChild(sel.getRangeAt(i).cloneContents()); … Read more
You can’t do this with plain vanilla HTML, so JSF can’t do much for you here as well. If you’re targeting decent browsers only, then just make use of CSS3: .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <label class=”unselectable”>Unselectable label</label> If you’d like to cover older browsers … Read more
In IE >= 9 and non-IE browsers (Firefox 4+, WebKit browsers released since early 2009, Opera 11, maybe earlier), you can use the getClientRects() method of Range. In IE 4 – 10, you can use the boundingLeft and boundingTop properties of the TextRange that can be extracted from the selection. Here’s a function that will … Read more
In most browsers, this can be achieved using CSS: *.unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; /* Introduced in IE 10. See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */ -ms-user-select: none; user-select: none; } For IE < 10 and Opera, you will need to use the unselectable attribute of the element you wish to be unselectable. You can set … Read more
OK, here is the code I have: function ShowSelection() { var textComponent = document.getElementById(‘Editor’); var selectedText; if (textComponent.selectionStart !== undefined) { // Standards-compliant version var startPos = textComponent.selectionStart; var endPos = textComponent.selectionEnd; selectedText = textComponent.value.substring(startPos, endPos); } else if (document.selection !== undefined) { // Internet Explorer version textComponent.focus(); var sel = document.selection.createRange(); selectedText = sel.text; … Read more