「JavaScript」onmouseupを使用するサンプル
環境
Windows 10 home 64bit
Google Chrome 103.0.5060.114
構文
<タグ onmouseup ="イベント名()">
mouseup イベントは、ユーザーがマウスボタンを離したときに発行されます。
使用例
<!DOCTYPE html>
<html>
<body>
<div id="main" onmouseup="funA()">
<p>test</p>
</div>
<script>
function funA(){
alert('マウスから離れました');
};
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="main" onmouseup="funA()">
<p>test</p>
</div>
<script>
function funA(){
alert('マウスから離れました');
};
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="main" onmouseup="funA()">
<p>test</p>
</div>
<script>
function funA(){
alert('マウスから離れました');
};
</script>
</body>
</html>
結果
文字「test」にマウスでクリックするとメッセージマウスから離れました」が表示されます。