Контекстно меню JavaScript не може да получи избрания текст, ако текстът е таг за въвеждане / текстово поле

Имах много голям проблем, да получа по някакъв начин избрания текст от уеб страницата и след това да го обработя с помощта на контекстно меню... когато реших за Chrome, Firefox и IE11, установих, че не мога да получа избрания текст в Firefox и Internet Explorer когато избраният текст е в поле за въвеждане....

Търсих дни наред да реша някак си и най-накрая успях...

Това беше оригиналният сценарий за Internet Explorer

var parentwin = external.menuArguments
var selectedText = getSel();


function getSel(){
  var w=window,d=parentwin.document,gS='getSelection';
  return (''+(w[gS]?w[gS]():d[gS]?d[gS]():d.selection.createRange().text)).replace(/(^\s+|\s+$)/g,'');
}

И това за FireFox

var contextMenu = require("sdk/context-menu");
var tabs = require("sdk/tabs");
var clipboard = require("sdk/clipboard");
var {Cc,Ci} = require('chrome');
var simpleGetLibrary = null;
var menuItem = contextMenu.Item({
  label: "Get selected text",
  context: contextMenu.SelectionContext(),
  contentScript: 'self.on("click", function () {' +
                 '  var text = window.getSelection().toString();' +
                 '  self.postMessage(text);' +
                 '});',
  onMessage: function (selectionText) {
    console.log(selectionText);
	clipboard.set(selectionText);   //this line copy the selected text to Clipboard
}

Но нямах представа как мога да реша, за да получа по някакъв начин текста, когато е в поле за въвеждане... <INPUT> ...</INPUT> Решението е следното...


javascript contextmenu internet-explorer firefox-addon clipboard
person RobiGo    schedule 15.01.2015    source източник

Отговори (1)


arrow_upward
1
arrow_downward

за Internet Explorer IE11

var parentwin = external.menuArguments
var selectedText = getSel();


function getSel(){
  var w=parentwin.window,d=parentwin.document,gS='getSelection';
  var selectedText;
  var rv=(''+(w[gS]?w[gS]():d[gS]?d[gS]():d.selection.createRange().text)).replace(/(^\s+|\s+$)/g,'');
  parentwin.console.log("the selected text is in first try is:"+rv);
  
 if (rv=="") {
   var allinput = parentwin.document.getElementsByTagName("input");  //I get an array of all input tags
   var index;
   var newsel;
   var found="false";
   for (index = 0; index < allinput.length; index++) {
    parentwin.console.log("index: "+index);
    newsel="";
    parentwin.console.log("newsel= ");
    try {
      var ss = allinput[index].selectionStart;
      parentwin.console.log("ss");
      var se = allinput[index].selectionEnd;
      parentwin.console.log("se");
      if (typeof ss === "number" && typeof se === "number") {
        newsel=allinput[index].value.substring(ss, se);
        found=newsel;
        if (newsel.length>0){
        rv=newsel;
        found="true";
        allinput[index].selectionEnd=allinput[index].selectionStart;
        newsel="";
        }
      }
    }
    catch(err){}
    parentwin.console.log("input fields "+index+"/"+allinput.length+" fieldname:"+allinput[index].getAttribute("name")+" selection: "+newsel);
    if (found=="true"){
    index=allinput.length;
    }
   }
   parentwin.console.log("found=:"+found);
 }
  return rv;
}

А за Firefox е малко сложно, защото не мога да имам достъп до DOM, така че трябва да разреша това в сградата на ContentScript и след това изпращам директно резултата... защото не мога да реша как да получа само селекцията, Изпращам стойността на полето за въвеждане, няма значение, ако не всички са избрани...

var contextMenu = require("sdk/context-menu");
var tabs = require("sdk/tabs");
var clipboard = require("sdk/clipboard");
var preferences = require("sdk/simple-prefs").prefs;
var {Cc,Ci} = require('chrome');
var simpleGetLibrary = null;
var menuItem = contextMenu.Item({
  label: "Get selected text",
  context: contextMenu.SelectionContext(),
  contentScript: 'self.on("click", function (node, data) {' +
                 '  var text = window.getSelection().toString();' +
				 '  console.log("Selected node is: "+node.nodeName);' +
				 '  console.log("Selected value is: "+node.value);' +
                 '  if (text.lenght>0)' +
				 '  self.postMessage(text);' +
				 '  else ' +
				 '  if (node.nodeName=="INPUT")' +
				 '  self.postMessage(node.value);' +
				 '});',
  onMessage: function (selectionText) {
    console.log("Selection sent for processing is: "+selectionText);
    clipboard.set(selectionText);   //this line copy the selected text to Clipboard
  }

person RobiGo    schedule 15.01.2015
comment
Какво страхотно решение! Добре написано! Винаги подкрепям хората, които разбират въпроса си и се връщат и споделят отговора! - person Noitidart; 16.01.2015