HTML 웹 페이지는 div에 렌더링됩니다. 사용자가 HTML 태그를 클릭하여 선택할 수있게하려면 어떻게합니까? Firebug 및 Chrome과 유사합니다. 선택한 태그를 그대로 반환해야합니다. jQuery를에HTML 요소 시각적 선택
답변
이 div
에 이벤트 리스너를 추가하고 이벤트의 target
특성 (IE에 대한 srcElement
)을 확인합니다.
document.getElementById("page").onclick = function(e) {
var target = e.target || e.srcElement;
alert(e.target.tagName);
};
:
$.click(function(){
var clicked = $(this);
});
나의 초기 아이디어는 사각형을 드래그하여 요소 그룹을 선택할 수있게하는 것이었지만 사용자가 계층 적 요소 중에서 실제로 어떤 것을 선택하려고했는지 결정하는 데 문제가있을 것이라고 생각했습니다. 그래서 저는 이것을 정말로 생각하지 않고 토닝했습니다. – HyderA
'$ .mouseover'를 사용하여 CSS 테두리를 적용하여 시각적 피드백을 제공 할 수도 있습니다. Firebug –
당신은 자신을 반환 각 HTML 요소에 onclick
속성을 추가 할 수 있습니다.
Chrome 및 Firefox에는 요소를 윤곽선으로 가리키는 호버가 있습니다. 쉽고 (그리고 추악한) 방법으로 html 요소에 hover css pseudo 클래스를 추가하면 html 요소에 1px의 테두리를 추가 할 수 있습니다.
*:hover{
border: 1px solid;
}
더 좋은 방법은 동일한 측정 및 위치에 자바 스크립트로 새로운 요소를 생성하고
- 1. JavaScript 시각적 요소 선택, 삭제
- 2. .NET 시각적 구성 요소
- 3. Winform/시각적 요소 인쇄
- 4. 선택 요소
- 5. Jquery li 요소 선택
- 6. 클래스 및 요소 유형을 기반으로 요소 선택
- 7. html 선택 목록에서 선택
- 8. 요소 선택 JQuery와
- 9. JQuery - 요소 선택
- 10. 런타임시 시각적 구성 요소 제거 및 바꾸기
- 11. Internet Explorer 시각적 요소 스태킹 문제
- 12. 간단한 탭 레이아웃에서 예기치 않은 시각적 요소
- 13. 델파이 비 시각적 구성 요소 이미지
- 14. HTML 요소
- 15. WebDriver의 DOM 요소 선택
- 16. Html 선택 문제
- 17. HTML 서버 컨트롤과 HTML 요소
- 18. Jquery로 숨겨진 요소 값 선택
- 19. 인덱스로 요소 선택 (동일한 클래스의 여러 요소 선택)
- 20. MyEclipse 시각적 HTML 디자이너를 비활성화하는 방법
- 21. 드롭 다운의 선택된 항목 HTML 양식 요소 선택
- 22. Jquery : 특정 선택 옵션을 선택할 때 html 요소 숨기기
- 23. jQuery : 구문 분석 된 HTML 스 니펫에서 요소 선택
- 24. jQuery를 : 여러 요소 선택
- 25. 읽기 전용을 선택 요소
- 26. 선택 요소가있는 업데이트 요소
- 27. IList에서 요소 시퀀스 선택
- 28. 특정 배경색의 요소 선택
- 29. jQuery - 문자열에서 요소 선택
- 30. CSS로 요소 선택
를 삭제하지 마십시오 기존의 요소 위에 떠 있도록에게 Z- 인덱스를 제공하는 것입니다. 대신 대답을 수락하고 같은 문제가 발생할 수있는 다른 사람들에게도 맡깁니다. –
나중에 질문에 당혹스럽지 않으려면 질문을하기 전에 두 번 생각하십시오. 개인적으로, 나는 그것에 대해 걱정하지 않을 것입니다. [우리] (있다 (http://stackoverflow.com/q/12268/) [모두] (있다) (http://stackoverflow.com/q/150845/) [가지고] (http://stackoverflow.com/q/244285/)) [당황하게] (http://stackoverflow.com/q/379343/) [질문] (http://stackoverflow.com/q/1060240/) (나는 갈 수 ...). – Will