在ListBox上禁用鼠標滾輪滾動

Question

我在MVC頁面上有一個ListBox ：

@Html.ListBox("lstFacilitySelection", Model.FacilityOptionList, new { id = "FacilityListBox", Multiple = "multiple", Size = 5, style = "width: 50%;" })

如何禁用此ListBox的鼠標滾輪滾動，以便必須使用控件側面的滾動條？

編輯： Ashwini Verma提出的解決方案，並稍作修改：

$(document).ready(function () {
    $('#FacilityListBox').on({
        'mousewheel': function (e) {
            if (e.target.id == 'el') return;
            e.preventDefault();
            e.stopPropagation();
        }
    })
});

Answer 1

您可以使用jquery禁用它。 在這里查看工作演示 。

<div class="scrollable"> </div>

$(document).ready(function(){    
    $('body').on({
        'mousewheel': function(e) {
            if (e.target.id == 'el') return;
            e.preventDefault();
            e.stopPropagation();
        }
    })
});