Browser
文件下载
同源下,文件可以下载,但如果是非同源,可以将文件打包为 zip 等浏览器无法执行的文件,也可进行下载
<a
style="padding: 10px"
href="http://127.0.0.1:5500/fileSave/sht.jpg"
download="sht.jpg"
>
点击下载文件
</a>
以及其他按钮,使用window.open,或构造表单元素获取
<p><span id="btn1" style="color: blue"> window.open() 下载方法 </span></p>
<p><span id="btn2" style="color: blue">表单下载方法 </span></p>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function () {
$("#btn1").click(function () {
window.open("http://127.0.0.1:5500/fileSave/sht.jpg");
});
$("#btn2").click(function () {
var $form = $("<form method='get'> </form>");
$form.attr("action", "http://127.0.0.1:5500/fileSave/sht.jpg");
$(document.body).append($form);
$form.submit();
});
});
</script>
鼠标动向
在鼠标进入某个dom时,监听鼠标的坐标
var content = document.querySelector(".content");
content.addEventListener("mousemove", function (e) {
let currentX = e.screenX;
let currentY = e.screenY;
}