如何使用jquery检测浏览器的默认拖动事件

时间:2014-04-05 06:36:18

标签: javascript jquery

假设浏览器中有一些文字。如果我们选择文本,所有浏览器都允许将其拖动到我们甚至可以看到拖动文本的位置。现在我需要知道用户何时拖动文本。它也可以是部分文本。

2 个答案:

答案 0 :(得分:0)

如果您想检测用户是否将某些文字从某个地方拖到您网页中的某个元素中而不允许它,您可以尝试将该元素的值存储在keyup上的某个全局变量中函数并在mouseenter操作上再次将此值传递给它。

var buff = "";
$("input[name=buff]").on("keyup", function(){
    buff = $(this).val();
});
$("input[name=buff]").on("mouseenter", function(){
    $(this).val(buff);
});

选中 fiddle ,然后尝试将一些文字拖到文本框中。它不能用于IE9,但你可以做一些额外的事件来检测它。

答案 1 :(得分:0)

结果很简单:

  xyz.bind('dragover', function (event) {

            event.preventDefault();
            return false;
        });
        xyz.bind('drop', function (event) {
            event.preventDefault();
            console.log("Dropped");
            return false;
        });