![[求助] python 如何爬取 网页上调用JS函数打开的视频链接](/aiimages/%5B%E6%B1%82%E5%8A%A9%5D+python+%E5%A6%82%E4%BD%95%E7%88%AC%E5%8F%96+%E7%BD%91%E9%A1%B5%E4%B8%8A%E8%B0%83%E7%94%A8JS%E5%87%BD%E6%95%B0%E6%89%93%E5%BC%80%E7%9A%84%E8%A7%86%E9%A2%91%E9%93%BE%E6%8E%A5.png)
<script>
var lastX = null,
lastY = null
window.onmousemove = function(event){
var curX = event.clientX,
curY = event.clientY,
direction = ''
// console.info(event)
// console.info(event.clientX)
// console.info(event.clientY)
// 初始化坐标
if(lastX == null || lastY == null){
lastX = curX
lastY = curY
return
}
if(curX >lastX){
direction += 'X右,'
}else if(curX <lastX){
direction += 'X左,'
}else{
direction += 'X居中,'
}
if(curY >lastY){
direction += 'Y上'
}else if(curY <lastY){
direction += 'Y下'
}else{
direction += 'Y居中'
}
lastX = curX
lastY = curY
console.info(direction)
document.body.innerText = direction
}
</script>
网上大部分判断鼠标移入div移入移出都是使用一下方法：这个方法确实十分奇特，使用起来十分方便。
后来自己看了一些文章，看到有另一种以斜率的方法来判断鼠标的移动方向。
上图是此方法的示意图，以浏览器左上角做原点，水平轴作为x轴，往右为正；竖直轴作为y轴，向上为正。
中间的div的左上角坐标（x1,y1）,右下角坐标（x2,y2）,中心点的坐标（x0,y0）。
设如图两点的斜率为k（k<0），关于x轴对称的斜率为-k。
另外鼠标刚移入时，鼠标的坐标设为（x,y）；
window.onload
=
function(){
var
oDiv
=
document.getElementById('div1')
var
x1
=
oDiv.offsetLeft,
y1
=
-oDiv.offsetTop,
//注意坐标，所有的y坐标都是负数
x2
=
x1
+
oDiv.offsetWidth,
y2
=
y1
-
oDiv.offsetHeight,
//同样y坐标为负数
x0
=
(x1
+
x2)
/
2,
y0
=
(y1
+
y2)
/
2
var
k
=
(y2
-
y1)
/
(x2
-
x1)
//斜率k
//
alert(-k)
oDiv.onmouseover
=
function(e){
var
e
=
e
||
window.event
var
x
=
e.clientX,
//鼠标刚移入div内，记录下当前的x坐标
y
=
-e.clientY
//鼠标刚移入div内，记录下当前的y坐标
var
K
=
(y
-
y0)
/
(x
-
x0)
//K是鼠标移入点和中心点的斜率
//当K大于k并且小于-k时，则肯定是左右移入，当移入点的x坐标大于中心点
，则为右移入，小于则是左移入
if(k
<
K
&&
K
<
-k){
if(x
>
x0){
alert('右')
}else{
alert('左')
}
}else{
//注意此处y是负数，判断上下的方法同上
if(y
>
y0){
alert('上')
}else{
alert('下')
}
}
}
}
首先我们计算出了斜率k和-k，主要是通过鼠标进入div的坐标和中心点之间的斜率判断‘左右'或者‘上下'；
通过这张图可以看出，当鼠标移入点和中心点的斜率K在
k和-k
之间时，可以判断出是左右移入。所以K在其他区间内都是上下移入；
至于怎么分辨左还是右，则就通过移入点的x坐标值是否大于中心点的x0值，大于就是右移入，小于就是左移入。
上下的判断跟左右的原理一样，不过要注意y坐标都是负的，不可将大小分辨错了。
以上所述是小编给大家介绍的JS用斜率判断鼠标进入DIV四个方向的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
<!DOCTYPE HTML><html>
<head>
<meta charset=utf-8>
<title>yugi</title>
<style>
body{
height: 1111px
}
</style>
<script>
var agent = navigator.userAgent
if (/.*Firefox.*/.test(agent)) {
document.addEventListener("DOMMouseScroll", function(e) {
e = e || window.event
var detail = e.detail
if (detail >0) {
console.log("鼠标向下滚动")
} else {
console.warn("鼠标向上滚动")
}
})
} else {
document.onmousewheel = function(e) {
e = e || window.event
var wheelDelta = e.wheelDelta
if (wheelDelta >0) {
console.log("鼠标向上滚动")
} else {
console.warn("鼠标向下滚动")
}
}
}
</script>
</head>
<body>
</body>
</html>
