>웹 프론트엔드 >JS 튜토리얼 >MC Dialog js 팝업 레이어는 여러 브라우저(5.6 업데이트)와 완벽하게 호환됩니다._javascript 기술

MC Dialog js 팝업 레이어는 여러 브라우저(5.6 업데이트)와 완벽하게 호환됩니다._javascript 기술

WBOY
WBOY원래의
2016-05-16 18:28:041113검색

렌더링:
MC Dialog js 팝업 레이어는 여러 브라우저(5.6 업데이트)와 완벽하게 호환됩니다._javascript 기술
MC 대화상자 기능 특징
1. 키보드 조작 지원(esc 닫기, Enter 현재 포커스된 버튼의 이벤트 실행, Ctrl 키보드 차단, 탭 키는 실제로 브라우저 자체 대화 상자를 시뮬레이션하는 기능을 구현합니다.
2. 지능형 포커스 이동 지원(포커스가 레이어 밖으로 이동하면 자동으로 포커스를 레이어로 다시 이동하거나 버튼이 있는 경우 버튼으로 이동) 포커스를 보장하기 위한 버튼입니다. 항상 레이어에 있으므로 단축키가 올바르게 작동하는지 확인하세요.
3. 스마트 깜박임 프롬프트 기능(예를 들어 레이어 외부를 클릭하는 등 포커스가 레이어 외부로 이동하면 레이어가 깜박입니다) 여기에서 완벽하게 시뮬레이션된 현재 레이어에서 작업해야 한다는 메시지를 표시합니다(브라우저 자체 대화 상자의 작업 외에도)
4. 버튼에 대한 외부 콜백 이벤트 지원(콜백 이벤트를 사용자 정의하고 바인딩할 수 있음) 버튼)
5. 드래그 앤 드롭 기능 지원(직접 작성한 드래그 앤 드롭이 꽤 효율적임) 다양한 브라우저에서 성능이 일관되고, 프레임 드래그 현상 없음)
6. iframe 관통 지원(iframe 침투 가능, MC Dialog 개발의 기본은 프레임셋이 아닌 iframe을 관통하는 것이기 때문에 MC Dialog는 항상 최상위 창 객체 아래의 dom에 최신으로 저장되므로 iframe 관통은 문제가 없습니다)
7. .팝업레이어에 계속해서 레이어를 팝업할 수 있는 다이얼로그 공존 큐 운용 기능(MC 다이얼로그는 다이얼로그 큐에 저장되어 있으며, 5000개의 MC 다이얼로그를 팝업할 수 있으며, 각각을 올바르게 동작시킬 수 있으며, MC Dialog는 단순한 응용이나 특수 효과만을 위한 것이 아니라, 기존의 팝업 레이어와 크게 한 가지 차이점이 있습니다. MC Dialog는 기존 브라우저에 포함된 대화 상자를 완전히 대체하도록 만들어졌습니다. 따라서 MC Dialog는 브라우저에 포함된 대화 상자를 완벽하게 갖추고 있습니다.
완벽한 호환성, 낮은 메모리 소비, 안정성(테스트됨) ie6, safari, chrome, firefox, oprea, the world 및 기타 브라우저에서) ps: ie6의 반투명이 처리되지 않아서 문제에 약간의 결함이 있으나 ie6은 거의 사용하지 않습니다(해결책이 시작되었지만 고려하여 추가하지 않았습니다)
9. w3c가 선언되었으나 w3c가 선언되지 않은 경우, 상단에 doctype dtd가 없는 경우 등. 다음 성능은 아직
10. iframe 및 상위 창 개체에 대한 iframe 액세스. MC 대화 상자는 포함된 iframe 개체를 저장하고 iframe에 간단히 액세스할 수 있습니다. iframe은 항상 상단 창 창 아래의 dom에 저장되므로 상위 창과 iframe에 대한 액세스가 매우 쉽습니다.

테스트 결과 MC Dialog는 인터페이스 레이아웃 기능 실행 등 거의 완벽했습니다.
브라우저의 변경되지 않은 대화 상자를 대체하려면 MC Dialog를 사용하는 것이 좋습니다.
MC.Dialog는 무료이며 오픈 소스이며, 마음대로 사용해도 되지만, 개인 노동의 결실을 존중하기 위해 저작권 정보를 추가해 주세요. 감사합니다
MC Dialog가 새롭게 수정 사무실을 오픈했습니다. 많은 응원 부탁드립니다
MC 다이얼로그 개발로그 http://blog.sina.com.cn/zkunet
좋다고 생각하시면 지원 부탁드립니다. (파일에 저작권 표시도 꼭 남겨주세요)
사용 중 문제 발견시 또는 좋은 제안이 있으시면 여기에 댓글을 남겨주세요


5.6 수정
1. 더 큰 MC 대화 상자를 ff
아래로 드래그할 때 새로운 드래그 방법을 사용하여 일부 시각적 버그를 해결합니다. 관련 코드 최적화

5.3 수정:
1. IE6은 반투명도 및 그림자를 지원합니다
2. IE6은
을 선택합니다. 3. IE에서 깜박이는 프롬프트를 취소하고 다음과 같은 프롬프트 소리로 변경합니다. 아직 처리되지 않았습니다
4. 수정 감지 id 함수가 잘못 작성되었습니다
5. 개체를 수정하기 위해 세부정보를 드래그하면 개체가 보이는 범위 밖으로 드래그할 수 없습니다

데모 주소http://demo.jb51.net/js/MCDialog/index.html
주소 다운로드http://www.jb51.net/jiaoben/26152.html

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.