Jquery防止拖动文本值

Question

我有一个 html 文本框，我通过 jQuery 将一个函数绑定(bind)到粘贴事件，以防止用户将值粘贴到文本框中。这个功能效果很好。

但是，可以从页面上的另一个文本框中选择一些文本并将其拖到禁止粘贴的文本框中。是否有一个我可以绑定(bind)的 jQuery 事件来阻止用户将文本拖入文本框？

Answer 1

首先，您不应阻止用户从一个输入复制并粘贴或单击并拖动到另一个输入。大多数人都鄙视确认电子邮件输入框，我也是其中之一。让填写变得更加困难只会激怒您的用户。

但是...警告黑客警报...

您无法阻止内置浏览器功能，但是您可以禁止在您不想拖动的输入中选择文本，如下所示:

选项 1:

$(document).ready(function () {

    // Get the control from which the drag should be disallowed
    var originator = $(".start");

    // Disable text selection
    if ($.browser.mozilla) {
        originator.each(function () { $(this).css({ 'MozUserSelect': 'none' }); });
    } 
    else if ($.browser.msie) {
        originator.each(function () { $(this).bind('selectstart.disableTextSelect', 
           function () { return false; }); });
    } 
    else {
        originator.each(function () { $(this).bind('mousedown.disableTextSelect', 
           function () { return false; }); });
    }

});

但是，这真的很烦人。

选项 2:

您可以在用户拖动项目时禁用确认框:

$(document).ready(function () {

    // Get the control which dropping should be disallowed
    var originator = $("#emailBox");

    // Trap when the mouse is up/down
    originator.mousedown(function (e) {
        $("#confirmationBox").attr('disabled', 'disabled');
    });
    originator.mouseup(function (e) {
        $("#confirmationBox").attr('disabled', '');
    });

});

选项 3:

帮您的用户群一个忙，去掉确认框。