javascript - How to captured Selected Text Range in iOS after text selection expansion -

-

i'm working on web app allows user select text, click button, , save highlighted text. works great in desktop browsers, (chrome example), in ios i'm having issues native text selection, user can change selected text.

here jsfiddle showing issue (issue exists in ios): http://jsfiddle.net/jasonmore/gwzfb/

  1. user starts text selection

  2. user expands text selection, , clicks "show selected text above"

  3. only first selected word "the" shows up, though want "the path of righteous man"

1 begin begin ios text selection

2 select text , hit button expand text

3 "the" only the

here js using:

$(function() {     $('#actionbutton').click(function() {         $('#result').text(selectedrange.tostring());     });      $('#slipsum').on('mouseup touchend','p', function() {          getselectedrange();     }); });  var selectedrange = null;  var getselectedrange = function() {     if (window.getselection) {         selectedrange = window.getselection().getrangeat(0);     } else {         selectedrange = document.getselection().getrangeat(0);     } };​

html: 

<h3>selected text:</h3> <p id="result"> </p> <br/> <p>     <input type="button" id="actionbutton" value="show selected text above" /> </p> <!-- start slipsum code --> <div id="slipsum"> <h1>is dead, yes or no?</h1> <p>do see teletubbies in here? see slender plastic tag clipped shirt name printed on it? see little asian child blank expression on face sitting outside on mechanical helicopter shakes when put quarters in it? no? well, that's see @ toy store. , must think you're in toy store, because you're here shopping infant named jeb. </p>  <h1>so, cold?</h1> <p>the path of righteous man beset on sides iniquities of selfish , tyranny of evil men. blessed who, in name of charity , will, shepherds weak through valley of darkness, brother's keeper , finder of lost children. , strike down upon thee great vengeance , furious anger attempt poison , destroy brothers. , know name lord when lay vengeance upon thee. </p>  <h1>i'm serious heart attack</h1> <p>do see teletubbies in here? see slender plastic tag clipped shirt name printed on it? see little asian child blank expression on face sitting outside on mechanical helicopter shakes when put quarters in it? no? well, that's see @ toy store. , must think you're in toy store, because you're here shopping infant named jeb. </p>  <h1>is dead, yes or no?</h1> <p>like you, used think world great place lived same standards did, kid nail showed me living in world, world chaos rules not order, world righteousness not rewarded. that's cesar's world, , if you're not willing play rules, you're gonna have pay price. </p>  <h1>is dead, yes or no?</h1> <p>your bones don't break, mine do. that's clear. cells react bacteria , viruses differently mine. don't sick, do. that's clear. reason, , react exact same way water. swallow fast, choke. in our lungs, drown. unreal may seem, connected, , i. we're on same curve, on opposite ends. </p> </div> <!-- please not remove line -->  <div style="display:none;"> <a href="http://slipsum.com">lorem ipsum</a></div>  <!-- end slipsum code --> ​

to stumbles upon issue in future, here resolution:

http://jsfiddle.net/jasonmore/gwzfb/

$(function() {     $('#actionbutton').click(function() {         if (selectedrange) {             $('#result').text(selectedrange.tostring());             clearinterval(timer);         }     });      timer = setinterval(getselectedrange, 150); });  var timer = null;  var selectedrange = null;  var getselectedrange = function() {     try {         if (window.getselection) {             selectedrange = window.getselection().getrangeat(0);         } else {             selectedrange = document.getselection().getrangeat(0);         }     } catch (err) {      }  };​

Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c++ - Using OpenSSL in a multi-threaded application -

-
i have been writing soap client application in c++ on ubuntu using openssl https transport , pthreads threading. have number of threads - 1 central data acquisition thread periodically gets worker threads make soap requests via shared mutex protected queues. reading documentation openssl found is openssl thread-safe? in openssl faq describes mechanisms required ensure thread safety when using openssl. implemented , works fine. the reason question conceptual difficulty really. thinking implementing same functionality application has already, instead of using threads, create 2 seperate applications : 1 worker thread (of multiple copies running) , main data acquisition thread. use tcp sockets communicate between 2 rather mutex protected queues. may bad idea not important - confusing me would have implement same functions required ensure openssl thread safety in second approach or not? my guess not have , treated independent (indeed surely must many applications use openssl) re...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more