Javascript )返回； var text=$area.val（）； var before=s>0？text.substr（0，s）：“”； 变量选择=text.substr（s，e-s）； var after=e

试试这个-我想你想输出所选文本

$（“body”）.on（“mousedown”，“.Bold”，function（））{
$（'.container'）.append（''+window.getSelection（）.toString（）+''）；
console.log（“”+window.getSelection（）.toString（）+“”）；
});
html，
身体{
宽度：100%；
身高：100%；
填充：0px；
边际：0px；
字体系列：helvetica、arial、无衬线字体；
-moz osx字体平滑：灰度；
-webkit字体平滑：抗锯齿；
背景色：#fafafa；
}
.集装箱{
位置：相对位置；
宽度：100%；
最大宽度：500px；
保证金：0px自动；
边缘顶部：30px；
}
.编辑{
浮动：左；
宽度：100%；
填充：30px；
框大小：边框框；
-webkit框大小：边框框；
}
.编辑按钮{
宽度：100%；
浮动：左；
边缘底部：15px；
}
.Bold{
填充物：5px；
边界半径：3px；
-webkit边界半径：3px；
背景颜色：蓝色；
位置：相对位置；
最大宽度：150px；
文本对齐：居中；
颜色：#ffffff；
光标：指针；
}

加载项Div
选择此文本。然后单击蓝色按钮。应添加以下div标记，如下所示：
选择此文本。
试试这个-我想你想输出所选文本


$（“body”）.on（“mousedown”，“.Bold”，function（））{
$（'.container'）.append（''+window.getSelection（）.toString（）+''）；
console.log（“”+window.getSelection（）.toString（）+“”）；
});
html，
身体{
宽度：100%；
身高：100%；
填充：0px；
边际：0px；
字体系列：helvetica、arial、无衬线字体；
-moz osx字体平滑：灰度；
-webkit字体平滑：抗锯齿；
背景色：#fafafa；
}
.集装箱{
位置：相对位置；
宽度：100%；
最大宽度：500px；
保证金：0px自动；
边缘顶部：30px；
}
.编辑{
浮动：左；
宽度：100%；
填充：30px；
框大小：边框框；
-webkit框大小：边框框；
}
.编辑按钮{
宽度：100%；
浮动：左；
边缘底部：15px；
}
.Bold{
填充物：5px；
边界半径：3px；
-webkit边界半径：3px；
背景颜色：蓝色；
位置：相对位置；
最大宽度：150px；
文本对齐：居中；
颜色：#ffffff；
光标：指针；
}

加载项Div
选择此文本。然后单击蓝色按钮。应添加以下div标记，如下所示：
选择此文本。
我有另一个类似的解决方案：


函数disp（）{
var text=document.getElementById（“text”）；
var t=text.value.substr（text.selectionStart、text.selectionEnd-text.selectionStart）；
警报（t）；
}
你好，你好吗？

我有另一个类似的解决方案：


函数disp（）{
var text=document.getElementById（“text”）；
var t=text.value.substr（text.selectionStart、text.selectionEnd-text.selectionStart）；
警报（t）；
}
你好，你好吗？

$（文档）.ready（函数（）{
$（“正文”）。在（“单击“，”.Bold“，函数（）上）{
var textArea=$（“#编辑器”）；
var start=textArea[0]。selectionStart；
var finish=textArea[0]。选择结束；
var textValue=textArea.val（）；
var modifiedText=''+textValue.substring（start，finish）+''；
var finalText=textArea.val（）.substring（0，start）+modifiedText+textArea.val（）.substring（finish，textValue.length）；
textArea.val（finalText）；
});
});
$（文档）.ready（函数（）{
$（“正文”）。在（“单击“，”.Bold“，函数（）上）{
var textArea=$（“#编辑器”）；
var start=textArea[0]。selectionStart；
var finish=textArea[0]。选择结束；
var textValue=textArea.val（）；
var modifiedText=''+textValue.substring（start，finish）+''；
var finalText=textArea.val（）.substring（0，start）+modifiedText+textArea.val（）.substring（finish，textValue.length）；
textArea.val（finalText）；
});
});
单击时只需使用addClass javascript属性单击时只需使用addClass javascript属性如果我选择了另一个文本，那么会发生什么？这是什么意思？在本例中，您正在class.Bold上执行单击事件，并在该类中更改html。你能详细说明你的问题吗？如果我选择了另一个文本，那么会发生什么？你是什么意思？在本例中，您正在class.Bold上执行单击事件，并在该类中更改html。你能详细说明你的问题吗？谢谢你的回答。所以，若用户在文本区域中选择一些文本并单击蓝色按钮，那个么js代码应该执行所选文本谢谢你们的回答。所以，若用户在文本区域中选择一些文本并单击蓝色按钮，那个么js代码应该执行所选文本谢谢你们的回答。这就是我要找的。谢谢
$(document).ready(function() {
  $("body").on("click", ".Bold", function() {
    // Code goes here...
    $(this).html('<div class="selected">Select this text.</div>')
  });
});

$(document).ready(function() {
   $(".Bold").on("click", function(){
      $('textarea').addClass('selected');
   });
});

.selected {
   background: black;
   color: white;
}

$(document).ready(function() {
    $("body").on("click",".Bold", function(){
        var textArea = $('#editor');
        var start = textArea[0].selectionStart;
        var finish = textArea[0].selectionEnd;
        var textValue = textArea.val();
        var modifiedText = '<div class="selected">' + textValue.substring(start, finish) + '</div>';
        var finalText = textArea.val().substring(0, start) + modifiedText + textArea.val().substring(finish, textValue.length);
        textArea.val(finalText);
    });
});