元素的界限

Question

我想，如果那裏有與jQuery一個簡單的方法來觸發一個元素上的鼠標懸停/鼠標離開事件類型加上一個額外的20像素左右兩側

即我有一對夫婦的境外鼠標懸停/ MouseEnter事件出現使用

#slider .prev{position:absolute;left:-20px;} 

，因爲它們目前被設置在網站容器之外出現

#slider:hover{} 

一個/上一個按鈕，他們disapear當我將鼠標懸停OV呃他們超出了#slider的範圍

Answer 1

mouseenter和mouseleave事件是基於元素的邊框來觸發的。破解方法之一是把一種無形的邊界，以你的元素：

border: solid 20px rgba(0,0,0,0); 

或填充：

padding: 20px; 

這是jsfiddle進行論證。

Answer 2

使用填充20px將元素添加到元素中，然後將懸停事件附加到容器。