HTML에서 드래그 앤 드롭 요소에 액세스: 종합 가이드

드래그된 요소가 드래그 앤 드롭 요소에 들어가면 'dragenter' 이벤트가 시작됩니다. 이 이벤트는 drop 요소에 연결되어 있으므로 액세스할 수 있습니다. 드래그된 요소는 어디에 있나요?

P粉316890884 2023-08-01 10:13:18 0  1  589

javascript - H5 드래그 앤 드롭을 사용할 때 드래그된 요소가 제거되는 이유는 무엇입니까?

1. 현상을 참조하세요: https://codepen.io/xuyu/proje... 2. 제가 달성하고 싶은 효과는 드래그한 요소를 지정된 영역에 복사하고 드래그한 요소를 삭제하고 싶지 않은 것입니다.

ringa_lee 2017-06-22 11:53:56 0  1  998

여러 요소에 호버 효과를 동적으로 추가

프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 단일 단위를 나타내는 여러 요소가 있는(그러나 다른 이유로 여러 요소로 분리해야 하는) 시스템에서는 경우에 따라 마우스를 올리면 함께 색상이 다시 지정되어야 합니다. 프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 아니면 이것이 좋은 습관입니까? my_own_css_class를 사용하여 마우스를 올리면 모든 요소에 추가하여 이 문제를 해결할 수 있었습니다. 하지만 프로그래밍 방식으로 호버 효과를 만들면 나에게 도움이 될 것 같습니다.

P粉203792468 2023-08-15 23:49:58 0  1  528

javascript - 변환으로 스크롤 효과를 생성하려면 두 요소가 필요한 이유

작은 공의 포물선 효과를 얻기 위해 두 개의 애니메이션을 수행하기 위해 하나의 요소 <div class="ball"></div> ? 그런 다음 변환을 사용하여 x 및 y 축을 수정했는데 이렇게 쓰면 효과가 없는 것으로 나타났습니다. 그런데 왜? 이것...

滿天的星座 2017-05-19 10:18:02 0  2  861

JavaScript는 여러 요소의 드래그 앤 드롭 기능을 구현합니다.

특정 영역 내에서 항목을 끌어서 놓을 수 있는 이 코드를 찾았지만 끌어서 놓은 개체의 ID를 가져오는 방법을 모르기 때문에 여러 요소를 끌어서 놓을 수 있도록 다시 작성할 수 없습니다. drop_handler 함수. letoffsetX;letoffsetY;onDragStart=function(ev){constrect=ev.target.getBoundingClientRect();offsetX=ev.clientX-ect.x;off

P粉276064178 2024-01-10 16:54:21 0  1  536

Psuedo 요소의 CSS 호버 효과를 사용하여 기본 요소 겹치기

기본적으로 마우스를 가져가면 다음과 같은 효과가 나타나기를 원합니다. 여기 내 웹사이트 코드는 다음과 같습니다. 무시하세요! 중요: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28 0  1  374

javascript - js 효율적인 요소 위치 교체

js 고효율 요소 위치 교체 ul {code...} 두 요소 위치 교체

阿神 2017-05-19 10:38:59 0  1  705

javascript - IE11의 TinyMCE 문제: 편집 상자에서 요소 드래그를 금지하는 방법은 무엇입니까? 감사합니다(Angular 사용).

TinyMCE는 Chrome에서는 잘 작동하지만 IE11에서는 다음과 같은 문제가 발생합니다. 요소 드래그를 비활성화하는 방법을 알려주세요. {code...} 그림과 같습니다. 구성 코드(Angular) {code...} 페이지 코드 {code...}

習慣沉默 2017-05-16 13:29:52 0  1  828

class='btn'인 요소 뒤에 "<"를 추가하고 요소 뒤에 있는 원래 콘텐츠를 :hover:after로 바꿉니다.

':hover'의 출력은 항상 "1IPSUM"입니다. 'content:"1"' 콘텐츠가 포함된 ':before' 요소를 추가하기로 결정하면 1만 추가되고 마우스를 올리기 전의 출력은 "11" "The 내가 원하는 출력은 다음과 같습니다. 'hover'의 출력은 "IPSUM"입니다. Fiddle: https://jsfiddle.net/Zxdfvv/u9xgoks3/.btn:hover:a

P粉236743689 2023-09-09 12:32:51 0  2  743

제목을 다음과 같이 다시 작성합니다: Vue 3: 콘텐츠를 요소로 전송하고 교체

Vue3의 텔레포트를 사용하여 요소를 div로 렌더링하고 있는데 예상대로 작동합니다. Teleport는 선택한 요소에 항목을 추가하지만 div의 현재 요소를 대체하지는 않습니다. vue 앱이 마운트될 때 앵커 div의 콘텐츠를 바꾸는 방법과 유사하게 div 내의 요소를 대체하도록 텔레포트를 어떻게 설정할 수 있습니까? 배경: SEO 이유로 인해 앱이 렌더링되고 제공될 때까지 자리 표시자 요소가 필요합니다. <!--애플리케이션 외부의 HTML--><div><divi

P粉237029457 2023-11-06 11:01:38 0  1  1015

javascript - ios webview 스크롤바가 상단에 도달했을 때 드래그되는 것을 방지하는 방법은 무엇입니까?

webview는 webView.scrollView.bounces = NO를 설정했습니다. webview의 가장 바깥쪽 레이어는 더 이상 드래그되지 않지만 webview 내부의 오버스크롤 요소에는 여전히 드롭다운 드래그 효과가 있습니다. 안드로이드에서는 그런 문제가 없습니다.

曾经蜡笔没有小新 2017-06-24 09:44:25 0  1  1310

"firebase.firestore().collection().where(_, ​​​​_, *) 'value'는 유효한 필터가 아닙니다. 'not-in' 필터는 값 배열에서 최대 10개의 요소를 지원합니다."

firebase.firestore().collection().where(_,_,*) '값'이 잘못되었습니다. "not-in" 필터는 값 배열에서 최대 10개의 요소를 지원합니다. un언어s=firestore().collection("users")-->.where("id","not-in",[...passedUserIds,...

P粉833546953 2023-09-04 22:44:17 0  1  628

HTML5에서는 비어 있지 않은 자체 닫힘 태그를 허용합니까?

W3C 유효성 검사기(Wikipedia)는 비어 있지 않은 요소에 자체 닫는 태그("/&gt;"로 끝나는 태그)를 사용하는 것을 좋아하지 않습니다. (빈 요소는 어떠한 내용도 포함하지 않는 요소입니다.) HTML5에서도 여전히 유효합니까? 허용되는 빈 요소의 몇 가지 예:&lt;br/&gt;&lt;imgsrc=""/&gt;&lt;inputtype="text&qu

P粉680487967 2023-08-21 18:20:11 0  2  648

jquery hide() 메서드가 작동하지 않습니다.

클릭 이벤트에서 $(this).hide();를 사용하면 요소가 숨겨지지 않습니다. 그러면 hide()에 매개 변수를 추가하면 hide(1)가 숨길 수 있습니다. w3school에서는 "요소가 이미 완전히 표시되어 있는 경우 콜백을 지정하지 않으면 이 효과는 효과가 없습니다...

巴扎黑 2017-06-17 09:16:52 0  1  999

마우스를 올리면 콘텐츠 표시(카드 높이에는 영향을 주지 않음)

마우스를 올리면 표시되는 콘텐츠가 포함된 블록이 있습니다. 효과가 작동하는 방식은 다음과 같습니다. .hoverCard는 기본적으로 기본 콘텐츠를 표시합니다(.hoverCard__showOnHover의 콘텐츠는 숨겨짐). 사용자가 .hoverCard 위로 마우스를 가져가면 .hoverCard__showOnHover가 해당 콘텐츠를 표시하고 .hoverCard__body가 위로 전환됩니다("열림" 제공). ” 효과) 데모에서 위의 시각적 효과를 볼 수 있지만 애니메이션이 완벽하게 작동하도록 할 수는 없습니다. 내가 ...

P粉289775043 2024-03-27 20:29:28 0  1  479

html5 - z-index는 브라우저 디버깅에서는 유효하지만 휴대폰 테스트에서는 유효하지 않습니다.

브라우저 디버깅 시 드래그 이벤트 발생 후 화살표가 숨겨지는데, 모바일 위챗에서는 사용이 쉽지 않습니다. 이 요소에는 애니메이션을 삭제하면 효과가 나타납니다. 현재 스타일 파일에는 플로팅이 없습니다. 위치에 대한 이유는 브라우저에 있기 때문입니다.

高洛峰 2017-07-04 13:45:06 0  2  1853

weex 안드로이드 리스트 셀 라벨 박스 모델의 여백이 거꾸로 되어 있나요?

목록 요소 아래 셀 요소의 왼쪽 여백 값을 설정하고 실제 표시 효과는 오른쪽 여백 값입니다. {코드...} 왼쪽은 목록의 왼쪽 패딩이고 오른쪽은 다음과 같습니다. 플레이그라운드 앱을 통해 셀의 왼쪽 여백 좌표 함수를 확인하고 너비와...

大家讲道理 2017-05-24 11:38:17 0  1  850

제목은 다음과 같이 다시 작성되었습니다. 하단 붙여넣기 기능의 스크롤 효과를 얻는 방법은 무엇입니까?

여기서 보고 있는 것과 비슷한 효과를 얻으려고 노력하고 있지만 각 섹션의 콘텐츠도 스크롤 가능해야 합니다. 즉, 섹션의 맨 아래에 도달할 때만 수정됩니다. 예를 들어 콘텐츠가 200vh인 경우 다음과 같습니다. section{position:sticky;top:0;height:200vh;}sectionimg{width:100%;height:100%}section:nth-of-type(1){ 배경 :rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49 0  1  607

제목 재작성: 오류: 잘못된 요소 유형: 문자열(내장 구성 요소의 경우) 또는 클래스/함수(복합 구성 요소의 경우)가 필요하지만 요소 유형이 정의되지 않았습니다.

ReactNative 코드에서 이 문제를 어떻게 해결할 수 있나요? 오류는 "오류: 잘못된 요소 유형: 예상 문자열(내장 구성 요소의 경우) 또는 클래스/함수(복합 구성 요소의 경우)이지만 정의되지 않았습니다. 정의된 파일에서 구성 요소를 내보내는 것을 잊었을 수 있습니다. 또는 기본 가져오기와 명명된 가져오기 사이에 혼동이 있을 수 있습니다. TopNavigation의 렌더링 방법을 확인하십시오." 응용 프로그램과 컴퓨터를 다시 시작해 보았지만 이 오류가 사라지지 않았습니다. 이 문제를 해결하도록 도와줄 수 있는...

P粉701491897 2023-09-01 13:23:24 0  1  628

자바스크립트 지도 표시 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 자바스크립트 플러그인이 있나요? ​​왼쪽의 세 개체를 지도로 드래그한 후 마우스를 놓으면 표시가 남습니다. (지도 위치를 표시하는 데 사용됨) 마우스를 놓으면 편집 가능한 대화 상자가 나타납니다.

怪我咯 2017-05-18 10:49:58 0  1  649