js 与div 鼠标拖动div 为啥div的样式放到css文件里面就拖动不了

2012-01-15 03:00:00 114 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

最简单的JS网页拖动块练习（html+css+js实现，vscode编辑器实现）最简单的JS网页拖动块练习（html+css+js实现，vscode编辑器实现）学前准备 1.HTML，CSS ，JS基础 2.一点点typescript的基础（也可以没有，不影响） 3.vscode 编辑器（我本人用的是这个编辑器，推荐使用） HTML+CSS部分 1.编写HTML骨架 <!DOCTYPE html> <html lang="en"> <head&... 阅读详情

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

</style>
<title>qq917722613</title>
</head>
<body>
<div id="f" style="" class="all">
<div id="title" style="" class="top">这是标题</div>
这是内容</div>
<script type="text/javascript">
var posX;
var posY;
fdiv = document.getElementById("f");
document.getElementById("title").onmousedown=function(e)
{
if(!e) e = window.event; //IE
posX = e.clientX - parseInt(fdiv.style.left);
posY = e.clientY - parseInt(fdiv.style.top);
document.onmousemove = mousemove;
}
document.onmouseup = function()
{
document.onmousemove = null;
}
function mousemove(ev)
{
if(ev==null) ev = window.event;//IE
fdiv.style.left = (ev.clientX - posX) + "px";
fdiv.style.top = (ev.clientY - posY) + "px";
}
</script>
</body>
</html>

当把样式放到<div style="此处">style后面的时候运行页面就会成功，这是为啥呢。。。

...全文

实现鼠标拖动一个div区域到任何位置（方法一） ** 实现鼠标拖动一个div区域到任何位置（方法一） ** 一个js方法 <script> drag=function (a,o){ var d=document;if(!a)a=window.event; if(!a.pageX)a.pageX=a.clientX; if(!a.pageY)a.pageY=a.clientY; ... 阅读详情

minixiaodou

CSS 61,117 成员 60,701 内容

+ 关注 + 加入社区

js 与div 鼠标拖动div 为啥div的样式放到css文件里面就拖动不了

相关推荐