使用JQuery禁用文本输入的拖动滚动

时间:2011-07-28 19:31:10

标签: jquery html input click drag

我需要在单击文本输入时禁用拖动滚动功能。页面的格式为div,其中包含输入,您可以在单击并拖动任何位置时水平拖动页面。我想这样做,这样你只能在没有点击其中一个输入时拖动,并在点击输入时禁用拖动,这样就可以编辑输入。以下是我的观点:

$('.dataContent').mousedown( function (event) { 
        if($(this).children().size()>0) {$(this)
        .data('down', true)
        .data('x', event.clientX)
        .data('scrollLeft', this.scrollLeft);

        return false;
        }

1 个答案:

答案 0 :(得分:0)

您可以使用event.target获取该事件的原始目标元素:

$('.dataContent').mousedown(function(event) {
    if ($(event.target).is("input:text")) {
        return;  // Target element is a text input, do not initiate drag.
    }

    // ...
});