Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
581 views
in Technique[技术] by (71.8m points)

一个组件监听mousedown和mouseup组件,超出组件范围后,mouseup事件不触发,怎么解决?

比如

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

#root {

display: inline-block;

width: 100px;

height: 100px;

margin: 100px;

background-color: lightblue;

}

</style>

<script type="text/javascript">

window.onload = function () {

const root = document.getElementById("root")

root.addEventListener('mousedown', function (e) {

console.log('mousedown')

})

root.addEventListener('mouseup', function (e) {

console.log('mouseup')

})

console.log('window.onload')

}

</script>

</head>

<body>

<div id="root"></div>

</body>

</html>

图片.png

此时up无法响应


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

触发在了window了上吧。你window监听一下?

click事件,你按下,然后移走松开,也是不会触发事件的。

你什么场景,需要解决什么问题?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...