• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
  • JavascriptTip(1)操作剪貼板

    發表于:2007-06-21來源:作者:點擊數: 標簽:
    javascript可以輕松操作客戶端剪貼板內容,不過只適用IE5以上瀏覽器 javascript可以使用window.clipboardData對象處理剪貼板內容 保存到剪貼板的方法 setData(param1, param2) param1 :數據類型 text 或 URL等. param2 :數據內容 從剪貼板讀出數據的方法 get

       

    javascript可以輕松操作客戶端剪貼板內容,不過只適用IE5以上瀏覽器
    javascript可以使用window.clipboardData對象處理剪貼板內容
    保存到剪貼板的方法 setData(param1, param2)
    param1 :數據類型 text 或 URL等.
    param2 :數據內容


    從剪貼板讀出數據的方法 getdata(param1)
    清空數據的方法 clearData(param1)


    下面是一個例子演示
    <HTML>
    <HEAD>
    <TITLE>測試操作剪貼板</TITLE>
    </HEAD>
    <script>
     function copyToClipboard()
     {
      var d=document.all("source").value;
      window.clipboardData.setData('text', d);
     }


    </script>
    <BODY >


    <button onclick="copyToClipboard();">拷貝</button>
    <input type="text" size=20 id="source" value="測試數據">
    <br>
    <button onclick="alert(window.clipboardData.getData('text'));">顯示</button>
    <button onclick="window.clipboardData.clearData('text');">清空</button>



    </BODY>
    </HTML>


    下面是另一個例子實現頁面中選中字符,并拖拉到文本區功能
    注意其中的window.event.dataTransfer對象也可處理剪貼板內容,不過只能用在 drag-and-drop 操作中
    <HTML>
    <HEAD>
    <TITLE>測試操作剪貼板2</TITLE>
    </HEAD>
    <script>
     
     function transferDrop() {
          window.event.srcElement.innerText = window.event.dataTransfer.getData("text");
          window.event.returnValue = false;
     }
     function transferDrag() {
      window.event.dataTransfer.dropEffect = 'move';
      window.event.returnValue = false;
     }


    </script>
    <BODY


    <p id="mySource" ondragstart="window.event.dataTransfer.effectAllowed =
    'move';">選擇我們并把我們拖到下面的textarea</p>


    <textarea id="myTarget" ondrop="transferDrop();"
    ondragover="window.event.returnValue = false;" ondragenter="transferDrag();">
    </textarea>


    </BODY>
    </HTML>

    原文轉自:http://www.kjueaiud.com

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>