hong34210 2015-05-03 08:06 采纳率: 97%
浏览 1684
已采纳

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

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

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2015-05-03 09:30
    关注

    和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:选中网页内容弹出按钮点击发送选中内容到服务器

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误