>  기사  >  웹 프론트엔드  >  JavaScript를 사용하여 Sina Weibo에서 공유하기 위해 선택한 텍스트 프롬프트의 샘플 코드 공유를 실현하는 방법

JavaScript를 사용하여 Sina Weibo에서 공유하기 위해 선택한 텍스트 프롬프트의 샘플 코드 공유를 실현하는 방법

黄舟
黄舟원래의
2017-06-18 11:53:27921검색

이 글은 선택된 텍스트 프롬프트 Sina Weibo 공유 효과를 실현하기 위해 JavaScript를 주로 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.

이 글의 예는 JS Sina Weibo를 공유하는 것입니다. 여러분 참고용으로 공유 기능, 구체적인 내용은 다음과 같습니다


<!DOCTYPE html>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
  <meta charset="utf-8">
  <title>javaScript实现选中文字提示新浪微博分享的效果</title>
  <style type="text/css">
   #p1{ position: absolute; left: 0;top: 0; display: none;}
  </style>
</head>
<body>
  <p id="txt">
    一直对json的使用方法迷迷糊糊,知道一些简单的使用方法,有时用起来非常easy把自己搞混。今天专门查了一下相关的JSON的资料及使用方法,总结记录下来。JSON并非一种编程语言。能够理解成它是一种数据格式。尽管具有同样的语法形式。可是JSON并不属于JavaScript。并且。并非全部的JavaScript才使用JSON,非常多编程语言都有针对JSON的解析器和序列化器。JSON的语法能够表示三种类型值:
  </p>
  <p id="p1"><img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=163431486,1136892253&fm=58"></p>
  <script type="text/javascript">
    window.onload=function(){
      function selectText(){
        if(document.selection){
        //兼容ie
          return document.selection.createRange().text;
        } else{
        //标准的获取方法
          return window.getSelection().toString();
        }
      }
      var oTxt = document.getElementById(&#39;txt&#39;);
      var op = document.getElementById(&#39;p1&#39;);

      oTxt.onmouseup = function(ev){
        var ev =ev||window.event;
        var top = ev.clientY;
        var left = ev.clientX;
        if(selectText().length>10){
          console.log(selectText())
          setTimeout(function(){
            op.style.display = &#39;block&#39;;
            op.style.left =left+&#39;px&#39;;
            op.style.top = top +&#39;px&#39;;
          },1000)
        } else{
          op.style.display = &#39;none&#39;;
        }
      };
      oTxt.onclick =function(ev){
        var ev =ev||window.event;
        ev.cancelBubble = true;
      }
      document.onclick = function(){
        op.style.display = &#39;none&#39;;
      };
      //点击分享的实现
      op.onclick = function(){
        window.location.href=&#39;http://service.weibo.com/share/share.php?url=http%3A%2F%2Flocalhost%3A63342%2Fjs2%2Fpicscroll.html&type=icon&language=zh_cn&searchPic=true&style=simple&#39;+selectText()+window.location.href;
      }
    }
  </script>

</body>
</html>

위 내용은 JavaScript를 사용하여 Sina Weibo에서 공유하기 위해 선택한 텍스트 프롬프트의 샘플 코드 공유를 실현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.