如何在javascript中从ctrl v key事件中获取复制值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在javascript中从ctrl v key事件中获取复制值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1693字，纯文字阅读大概需要3分钟。

内容图文

此方法检测ctrl v事件,但我无法找到如何获取它的值？

提前致谢,

$(".numeric").keydown(function (event) {
    if (event.shiftKey) {
        event.preventDefault();
    }

    switch (event.keyCode) {

        case 86:
            if (event.ctrlKey) { // detects ctrl + v
                var value = $(this).val();
                alert(value); // returns ""
            }
            break;

    }

解决方法:

所有你必须做的事情挂钩到粘贴事件,让它通过打破callstack完成,然后读取值.

它可能看起来很丑,但它非常友好的交叉浏览器,可以节省你创建很多糟糕的代码只是为了阅读实际的剪贴板.

$(".numeric").bind('paste', function (event) {

  var $this = $(this); //save reference to element for use laster


  setTimeout(function(){ //break the callstack to let the event finish

    alert($this.val()); //read the value of the input field   

  },0); 
});

在这里看到它：http://jsfiddle.net/Yqrtb/2/

更新：

因为我最近不得不做类似的事情,我想我会分享我的最终实现,它是这样的：

$('textarea').on('paste',function(e) {
    //store references for lateer use
    var domTextarea = this,
        txt = domTextarea.value,
        startPos = domTextarea.selectionStart,
        endPos = domTextarea.selectionEnd,
        scrollTop = domTextarea.scrollTop;

    //clear textarea temporarily (user wont notice)
    domTextarea.value = '';

    setTimeout(function () {
        //get pasted value
        var pastedValue = domTextarea.value;

        //do work on pastedValue here, if you need to change/validate it before applying the paste

        //recreate textarea as it would be if we hadn't interupted the paste operation
        domTextarea.value = txt.substring(0, startPos) + pastedValue + txt.substring(endPos, txt.length);
        domTextarea.focus();
        domTextarea.selectionStart = domTextarea.selectionEnd = startPos + pastedValue.length;
        domTextarea.scrollTop = scrollTop;

        //do work on pastedValue here if you simply need to parse its ccontents without modifying it


    }, 0);
});

内容总结

以上是互联网集市为您收集整理的如何在javascript中从ctrl v key事件中获取复制值全部内容，希望文章能够帮你解决如何在javascript中从ctrl v key事件中获取复制值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端