Javascript 获取<;a href>;基于突出显示的文本的内容
我希望能够识别所选文本是否包含URL—其想法是,一旦用户在内容可编辑div中选择文本(如果它包含URL)—URL将显示在另一个内容可编辑div中,以允许他们对URL进行更正。然后,如果他们更改了URL,则会更新Javascript 获取<;a href>;基于突出显示的文本的内容,javascript,html,selection,href,execcommand,Javascript,Html,Selection,Href,Execcommand,我希望能够识别所选文本是否包含URL—其想法是,一旦用户在内容可编辑div中选择文本(如果它包含URL)—URL将显示在另一个内容可编辑div中,以允许他们对URL进行更正。然后,如果他们更改了URL,则会更新”; }; var contents=$('#link').html(); $('#link').blur(函数(){ if(contents!=$(this.html()){ contents=$(this.html(); document.getElementById('data_li
”;
};
var contents=$('#link').html();
$('#link').blur(函数(){
if(contents!=$(this.html()){
contents=$(this.html();
document.getElementById('data_link').setAttribute('href',contents);
document.getElementById('data_link').setAttribute('id',contents);
}
$('#link').empty();
});
任何想法都会很好。到目前为止,我在网上没有任何想法
谢谢大家:)
选择一些文本,您将看到它出现在警报中。您可以使用url取消注释该行,将其设置为您自己的url,并将文本放置在您想要的任何位置,我只是将其放置在我所做的位置,作为您将如何实现这一点的示例。当文本被选中时,它会将您带到该url
如果要创建一个input type=“button”id=“myinputbutonid”
等链接到另一个页面,请使用
$(“#myInputButtonId”)。在('click',function(){
而不是
$(“#writentenstuff”).on('mouseup',function(){
HTML
<div id="writtenstuff">
<p>The quick brown fox jumps over the lazy dog</p>
</div>
更多的人会很乐意使用创建的JSFIDLE来响应;)像这样将jQuery与原始JS混合在一起是令人困惑的。选择一个并一致地使用它。它们不是标准化的,并且有浏览器支持。我会很犹豫是否使用
document.execCommand
。
<div id="writtenstuff">
<p>The quick brown fox jumps over the lazy dog</p>
</div>
$("#writtenstuff").on('mouseup', function () {
var text = "";
if (window.getSelection) {
text = window.getSelection().toString();
} else if (document.selection && document.selection.type != "Control") {
text = document.selection.createRange().text;
}
if (text != "" && text != " ") {
alert(text);
//window.location.href = "http://www.someurl.com/"+text;
}
});