兼容IE与Firefox的JavaScript页面布局拖拽实现

作者:白露时间:2026-10-24 18:50:29浏览:280

本文提供了一段简洁的JavaScript代码,用于实现网页元素的拖拽功能。该实现特别针对IE和Firefox浏览器进行了兼容性处理,确保在不同环境下均能正常使用。通过简单的HTML结构和事件监听,即可实现元素的自由拖动,适用于需要动态调整页面布局的场景。

兼容IE与Firefox的JavaScript页面布局拖拽实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>runcode</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="Author" content="Sheneyan" />  <style type="text/css"> div#test{border:solid 1px blue;background:red;position:absolute;left:100px;top:200px;width:200px;height:200px;cursor:pointer;} </style> </head> <body> <div id="test" onmousedown="drag(event,this)">拖我拖我拖我拖我拖我拖我拖我<div> </body> </html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


javascript支持firefox,ie7页面布局拖拽效果代码

作者最新文章