问题描述

asp.net 网页拖选一行文字，弹出一个按钮，将改行文字传回后台

asp.net 网页拖选一行文字，弹出一个按钮，将改行文字传回后台
具体的实现效果就如：再浏览器中，选中文字，出现搜索按钮，然后点击
请问应该怎么做？

解决方案

和asp.net无关，是客户端js做的。document.onmouseup事件判断是否有选中文字，选中弹出按钮，点击按钮用ajax发送文字到后台

 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<style>
#btnSend{position:absolute;display:none;}
</style>
<script>
var selectedText;
function ajaxSend(){alert(selectedText)
$('#btnSend').attr('disabled',true)
$.ajax({url:'xxxx.ashx',type:'POST',data:{s:selectedText},complete:function(xhr){
  alert('ajax请求完毕，服务器返回内容：'+xhr.responseText);
   $('#btnSend').hide();
}});
}
document.onmousedown=function(){selectedText=false;}
document.onmouseup=function(e){
   e=e||window.event;
   selectedText=window.getSelection?window.getSelection().toString():document.selection?document.selection.createRange().text:false;
   if(selectedText){
var sl=Math.max(document.documentElement.scrollLeft,document.body.scrollLeft),
st=Math.max(document.documentElement.scrollTop,document.body.scrollTop);
       $('#btnSend').css({left:e.clientX+sl,top:e.clientY+st}).show().attr('disabled',false);
   }
}
</script>
<input type="button" value="提交选中内容" onclick="ajaxSend()" id="btnSend"/>
asp.net 网页拖选一行文字，弹出一个按钮，将改行文字传回后台
具体的实现效果就如：再浏览器中，选中文字，出现搜索按钮，然后点击
请问应该怎么做？
<div style="height:500px"></div>asp.net 网页拖选一行文字，弹出一个按钮，将改行文字传回后台
具体的实现效果就如：再浏览器中，选中文字，出现搜索按钮，然后点击
请问应该怎么做？

DEMO：选中网页内容弹出按钮点击发送选中内容到服务器