如何在javascript中访问剪贴板数据 [英] how to access clipboard data in javascript

问题描述

hi ..
我正在尝试在textbox的onpaste事件上访问当前剪贴板数据.如何在javascript函数中访问剪贴板数据.我能够在onpaste事件上调用函数，但我不知道从剪贴板获取数据的代码.提供soln.thanx

hi..
I am trying to access current clipboard data on onpaste event of textbox.how to access clipboard data in javascript function.i am able to call function on onpaste event but i dont know code to get data from clipboard.provide a soln.thanx

推荐答案

HTML

<div id='div' contenteditable='true' onpaste='handlepaste(this, event)'>Paste here</div>

JAVASCRIPT

THE JAVASCRIPT

function handlepaste (elem, e) {
    var savedcontent = elem.innerHTML;
    if (e && e.clipboardData && e.clipboardData.getData) {// Webkit - get data from clipboard, put into editdiv, cleanup, then cancel event
        if (/text\/html/.test(e.clipboardData.types)) {
            elem.innerHTML = e.clipboardData.getData('text/html');
        }
        else if (/text\/plain/.test(e.clipboardData.types)) {
            elem.innerHTML = e.clipboardData.getData('text/plain');
        }
        else {
            elem.innerHTML = "";
        }
        waitforpastedata(elem, savedcontent);
        if (e.preventDefault) {
                e.stopPropagation();
                e.preventDefault();
        }
        return false;
    }
    else {// Everything else - empty editdiv and allow browser to paste content into it, then cleanup
        elem.innerHTML = "";
        waitforpastedata(elem, savedcontent);
        return true;
    }
}

function waitforpastedata (elem, savedcontent) {
    if (elem.childNodes && elem.childNodes.length > 0) {
        processpaste(elem, savedcontent);
    }
    else {
        that = {
            e: elem,
            s: savedcontent
        }
        that.callself = function () {
            waitforpastedata(that.e, that.s)
        }
        setTimeout(that.callself,20);
    }
}

function processpaste (elem, savedcontent) {
    pasteddata = elem.innerHTML;
    //^^Alternatively loop through dom (elem.childNodes or elem.getElementsByTagName) here

    elem.innerHTML = savedcontent;

    // Do whatever with gathered data;
    alert(pasteddata);
}

这篇关于如何在javascript中访问剪贴板数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！