상호작용

상호작용

클릭, 키 또는 호버가 버튼을 누르는 것 외에 무엇을 하는지. 각 경우는 벤치입니다: 포인터로 시도한 다음 키보드만으로 시도해 보세요.

값 복사하기

copy_button({ value }): 버튼이 복사하는 것 옆에 앉아 있을 때의 아이콘만, 또는 그 단어와 함께. 복사 후 두 초 동안 체크 표시, 클립보드가 거부했을 때는 엑스 — 발생하지 않은 주장은 없습니다.

a3f1c9e2-7b48-4d16-9c5a-2e8f0b6d4371

페이지에 표시된 내용 복사하기

copy_button({ target }): 클릭 순간에 있는 요소의 텍스트를 읽습니다.

https://example.com/invite/7f3a9c

코드 블록

code-block with copy: true — 블록이 가리켜지거나 Tab으로 도달할 때 버튼이 모서리에 표시되고, 포인터 없이도 화면에 계속 표시됩니다.

9483a-8b194
28811-eb8b3
b44d2-eb15a
9d935-03932

대체로

대체의 값은 복사 버튼과 함께 제공됩니다.

스캔할 수 없나요? 앱에 이 키를 입력하세요: JBSWY3DPEHPK3PXPJBSWY3DPEHPK3PXP

확인할 사항

  • Tab이 모든 버튼에 도달합니다; Enter와 Space가 복사합니다.
  • 일반 http(개발 호스트)에서도 복사가 여전히 작동합니다, 예전 방식으로.
  • 다른 곳에 붙여넣으면, 텍스트는 정확히 그 값입니다: 공백 없음, 줄 추가 없음.
  • 스크린 리더가 클릭 후 « 복사됨 »이라고 말합니다.