English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
onmouseup 속성은 현재 요소의 mouseup 이벤트의 이벤트 처리 함수를 가져오거나 설정합니다
마우스 버튼을 문단에서 떼면 JavaScript를 실행합니다：
<!DOCTYPE html>
<html>
<head>
<title>HTML onmousedown 이벤트 속성의 사용(기본 튜토리얼 웹사이트 oldtoolbag.com)</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
문자를 클릭하세요! 마우스 버튼을 이 문단에 누를 때 mouseDown() 함수가 발생합니다. 이 기능은 텍스트의 색을 빨간색으로 설정합니다. 마우스 버튼을 떼면 mouseUp() 함수가 발생합니다. mouseUp() 함수는 텍스트의 색을緑색으로 설정합니다.</p>
<script>
function mouseDown() {
document.getElementById("p1").style.color = "red";
}
function mouseUp() {
document.getElementById("p1").style.color = "green";
}
</script>
</body>
</html>테스트를 보세요 ‹/›사용자가 현재 요소에서 마우스의 어떤 키를 떼면 mouseup 이벤트가 발생합니다
IEFirefoxOperaChromeSafari
모든 주요 브라우저에서 onmouseup 이벤트 속성을 지원합니다.
요소에서 마우스 버튼을 떼면 onmouseup 속성이 발생합니다.
안내: onmouseup 이벤트와 관련된 이벤트 발생 순서 (왼쪽/중앙 마우스 버튼):
onmousedown
onmouseup
onclick
onmouseup 이벤트와 관련된 이벤트 발생 순서(오른쪽 마우스 버튼):
onmousedown
onmouseup
oncontextmenu
주의: onmouseup 속성은 다음 요소에 사용할 수 없습니다: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 또는<title>.
없음.
<요소 onmouseup="script">
| 값 | 설명 |
|---|---|
| script | onmouseup 이벤트가 발생할 때 실행되는 스크립트를 정의합니다. |