CSS：

#dBox {
    height: 100px;
    width: 230px;
    overflow - y: auto;
}

HTML：

< input type =“text”id =“s”>

JQuery的：

$(function() {
    $('#s').focus(function() {
        var $dBox = $('<ul id="dBox"></ul>');
        for (i = 0; i < 10; i++) $dBox.append('<li>' + i + '</li>');
        $(this).after($dBox);
        $dBox.bind("mouseup",function() {
            alert('in: ');
            //console.log ('in: ');  
        });
    });
});
// OR LIKE THIS
$('#s').focus(function() {
    var $dBox = $('<ul id="dBox"></ul>');
    for (i = 0; i < 10; i++) $dBox.append('<li>' + i + '</li>');
    $(this).after($dBox);

});
$('#dBox').live("mouseup",function() {
    alert('in: ');
    //console.log ('in: ');  
});

如果你单击ul上的任何地方将触发但不在滚动条上.除Firefox之外的所有浏览器都存在同样的问题.

如果将’mouseup’替换为’mousedown’,也会在所有浏览器中触发滚动条.

经过几次测试之后,似乎没有任何区别,如果’ul’它是否添加了dinamically,鼠标似乎不会将滚动条识别为’ul'(FF除外)的一部分.

如果你用’div’替换’ul’而用’p’替换’li’也是同样的问题.
< div id =“dBox”class =“”>< p> 1< / p>< p> 2< / p>< p> 3< / p>< p> 4< / p> < p为H. 5℃; / p为H.< p为H. 6≤/ p为H.&LT p为H. 7 LT; / p为H.&LT p为H. 8 LT; / p为H.&LT p为H.; 9< / p>< / DIV>

$(‘#dBox’).mouseup(function(){alert(‘in：’);});