您的位置:1010cc时时彩经典版 > 1010cc时时彩客户端 > 【1010cc时时彩经典版】JS达成放大,JS完毕包容种

【1010cc时时彩经典版】JS达成放大,JS完毕包容种

发布时间:2019-08-26 07:51编辑:1010cc时时彩客户端浏览(66)

    JS完毕兼容各样浏览器的高档次和等第拖动方法完整实例【测量检验可用】,js拖动

    本文实例陈说了JS完毕包容各样浏览器的高档次和等第拖动方法。分享给大家供大家参照他事他说加以考察,具体如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>高级拖动</title>
     <style>
      #toBeDraged{
      width:100px;
      height:100px;
      line-height:100px;
      border:1px solid red;
      position:absolute;
      text-align:center;
      font-family:Arial, Helvetica, sans-serif;
      cursor:move;
      }
     </style>
     <script type= "text/javascript">
      window.onload = function(){
      doDrag();
      }
      function doDrag(){
      var div = document.getElementById("toBeDraged");
      var posx;
      var posy;
      div.onmousedown = function(e){
       var e = e || window.event;
       if (div.setCapture) {
       div.setCapture();
       }
       posx = e.clientX - parseInt(div.offsetLeft);
       posy = e.clientY - parseInt(div.offsetTop);
       document.onmousemove = function(ev){
       var ev = ev || window.event;//如果是IE
       if (ev.setcapture) {
       }
       div.style.left = (ev.clientX - posx) "px";
       div.style.top = (ev.clientY - posy) "px";
       }
       document.onmouseup = function(){
       document.onmousemove = null;
       document.onmouseup = null;
       if (div.releaseCapture) {
        div.releaseCapture();
       }
       }
      }
      }
     </script>
     </head>
     <body>
     <div id = "toBeDraged">你拖我啊!</div>
     </body>
    </html>
    

    越多关于JavaScript相关内容感兴趣的读者可查阅本站专项论题:《JavaScript切换特效与技艺总计》、《JavaScript查找算法才具总括》、《JavaScript动画特效与才具汇总》、《JavaScript错误与调治技能总括》、《JavaScript数据结构与算法技能计算》、《JavaScript遍历算法与技巧计算》及《JavaScript数学生运动算用法总结》

    但愿本文所述对大家JavaScript程序设计有所帮忙。

    本文实例陈诉了JS落成包容各个浏览器的高等拖动方法。分享给大家供...

    正文实例陈诉了JS完成包容种种浏览器的高端拖动方法。分享给大家供大家参谋,具体如下:

    本文实例呈报了JS轻便达成DIV相对于浏览器固定地方不改变的措施。分享给大家供大家参谋,具体如下:

    本文实例叙述了JS实现放大、缩短及拖拽图片的办法。分享给大家供大家参谋,具体如下:

    JS实现包容种种浏览器的获得选取文本的措施【测量检验可用】,js文本

    正文实例汇报了JS完毕包容各个浏览器的获得采纳文本的方法。分享给大家供我们参照他事他说加以考察,具体如下:

    运维效果截图如下:

    1010cc时时彩经典版 1

    现实代码如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>文本被选中</title>
    <style type = "text/css">
     #showSelected{
     margin:100px auto;
     width:100%;
     height:200px;
     background:#ececec;
     border:1px solid #ccc;
     }
    </style>
    <script type = "text/javascript">
    //传入要获取其中选择文本的对象
    function getSelectedText(e){
      //IE下获取选择文本
      if (document.selection) {
       return document.selection.createRange().text;
      }
      //firefox下获取选择文本
      else
       if (window.getSelection().toString()) {
        return window.getSelection().toString();
       }
       //firefox下获取input或textArea域的选择文本
       else
        if (e.selectionStart != undefined && e.selectionEnd != undefined) {
         var start = e.selectionStart;
         var end = e.selectionEnd;
         return e.value.substring(start, end);
        }
    }
    document.onmouseup = function(){
      var ta = document.getElementById("myDiv");
      document.getElementById("showSelected").innerHTML = getSelectedText(document.body);
    }
    </script>
    </head>
      <body>
        <div id="myDiv">
          This is a prograph for testing!
        </div>
     <div id = "showSelected"></div>
      </body>
    </html>
    

    更加多关于JavaScript相关内容感兴趣的读者可查看本站专项论题:《JavaScript切换特效与技巧计算》、《JavaScript查找算法能力计算》、《JavaScript动画特效与技艺汇总》、《JavaScript错误与调解才干计算》、《JavaScript数据结构与算法技能计算》、《JavaScript遍历算法与技术计算》及《JavaScript数学生运动算用法总计》

    愿意本文所述对我们JavaScript程序设计具备扶助。

    本文实例陈诉了JS达成包容各个浏览器的获得选择文本的点子。分享给大...

    本文由1010cc时时彩经典版发布于1010cc时时彩客户端,转载请注明出处:【1010cc时时彩经典版】JS达成放大,JS完毕包容种

    关键词:

上一篇:select下拉搜索框

下一篇:没有了