ホームページ  >  記事  >  ウェブフロントエンド  >  js 操作入力ボックスで選択された内容は、IE およびその他の主流ブラウザーと互換性があります_javascript スキル

js 操作入力ボックスで選択された内容は、IE およびその他の主流ブラウザーと互換性があります_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 16:51:301062ブラウズ

仕事では、入力ボックスで選択したコンテンツへのハイパーリンクを追加する必要があります

コードをコピーします コードは次のとおりです。

function addHref(des){
var selectedText="";
if(window.getSelection&&des != unknown){//IE 以外のブラウザと互換性があるためブラウザでは、特定の操作に要素が必要です。ID のみが入力要素で選択されたコンテンツを取得できるため、ID

var textField=document.getElementById(des);
varselectionStart=textField; を入力する必要があります。選択開始;
var 選択終了 = textField.selectionEnd ;
if(選択開始 != 未定義 && 選択終了 != 未定義){
selectedText=textField.value.substring(選択開始,選択終了); >if(selectedText==""){
alert("リンクを追加するテキストを選択してください!");
return
}
var hyperlinks=prompt("ハイパーリンク アドレス: ","");
if(hyperlinks !=null){
var replaceString="< ;font color='#686600'>" selectedText "";
tmpStr=textField.value;
textField.value =tmpStr.substring(0,selectionStart) replaceString tmpStr.substring(selectionEnd,tmpStr.length);
}
}
else if((document.selection)&&(document.selection.type == " Text")){//ID は IE では必要ありません
var range=document.selection.createRange();
var formerElement=range.parentElement();
if(formerElement.tagName!=" TEXTAREA"){
alert("ハイパーリンクを追加するテキストを指定してください。 ");
return;
}
selectedText=range.text;
var hyperlinks=prompt("ハイパーリンク アドレス: ","");
if(hyperlinks!=null) {
range.text="" selectedText "< / font>gt;gt;gt;
}
else{
alert("リンクを追加するテキストを選択してください!") ;
戻る;
}