마우스 오버 이벤트에 선택 드롭 다운 상자가 나타나면 선택 드롭 다운이 선택되지 않습니다. 해결책:
var o = e.relatedTarget || e.to element; // 이동 한 객체를 판단하고 아래 옵션으로 이동하고 아래의 옵션으로 이동하면 Firefox 등이 정의되지 않았습니다. .
if (! o) 반환; // 숨어 있지 않고 옵션을 종료하십시오
전체 코드 케이스는 다음과 같습니다.
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <title> 제목이 붙은 문서 </title> 스타일 type = "text/css">*{마진 : 0; 패딩 : 0; 목록 스타일 : 없음; 테두리 : 0;}. pop_blue {위치 : 절대; 커서 : 포인터; 패딩 : 10px;}. pop_blue span {display : inline-block; 너비 : 24px; 높이 : 32px; 배경 : url (../ images/pop_blue.png) no-Repeat;}. map_xf .rud1 {width : 210px; 위치 : 절대; 경계 : 1px Solid #ddd; 디스플레이 : 없음; 배경색 : #ffff; 패딩 : 17px 25px;}. map_xf .rud1 li {마진 : 0 0 8px;}. src = "jquery-1.9.1.min.js"> </script> <스크립트 유형 = "text/javaScript"> $ (function () {$ ( '. pop_blue'). hover (function () {$ (this) .find ( '. rud1'). show (); $ (this) .css ( "z-index", "9999"); NULL, FIREFOX 등이 정의되지 않습니다 스타일 = "상단 : 0px; 왼쪽 : 0;"> <span> 마우스를 움직여 </span> <i> </i> <div style = "top : 10px; 왼쪽 : 40px; display : none; padding : 50px; 배경 : 파란색;"> <ul> <li> < "dan"> <옵션 값 = "select"select </옵션/옵션> 옵션> 옵션> 옵션> 1 </옵션> <옵션 값 = "단위"selected = ""> 단위 선택 2 </옵션> <옵션 값 = "select unit"selected = ""> 단위 3 </옵션> <옵션 value = "select unit"selection = ""> select 4 </select> </li> </div> </div> </html>마우스가 위로 이동하면 선택이 선택되지 않은 상황이 없습니다.