<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>O!Hacker Blog &#187; Javascript</title>
	<atom:link href="http://ohacker.com/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://ohacker.com</link>
	<description>anything to hack</description>
	<lastBuildDate>Thu, 12 Aug 2010 05:17:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>JavaScript 拖拽原理</title>
		<link>http://ohacker.com/2010/02/07/javascript-drag-drop/</link>
		<comments>http://ohacker.com/2010/02/07/javascript-drag-drop/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 14:38:03 +0000</pubDate>
		<dc:creator>Tony</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[drag&drop]]></category>

		<guid isPermaLink="false">http://ohacker.com/2010/02/07/javascript-%e6%8b%96%e6%8b%bd%e5%8e%9f%e7%90%86/</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160; javascript drag&#38;drop beginning 首先我不赞成自己实现拖拽功能，因为比较麻烦， 建议用当下比较流行的一些库，用什么那就看项目需要了， 但是即便用别人的东西也只至少知道原理，所以我们先看看原理吧 如果想自己手动实现拖拽，那么我们先看看都要有哪些工作要做。 1 至少要获得鼠标的坐标吧，不然还干个屁。 2 至少要获得鼠标的动作吧，不然我怎么知道什么时候拖。什么时候停 3 在页面上拖动一个目标实际上就是，改变某个标签的坐标，当然一般也要适当改变 也些样式。所以你至少要知道一些css方面的知识。 1 鼠标坐标： function mouseCoords&#40;ev&#41;&#123; if &#40;ev.pageX &#124;&#124; ev.pageY&#41; &#123; return &#123; x: ev.pageX, y: ev.pageY &#125;; &#125; return &#123; x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY + document.body.scrollTop - document.body.clientTop &#125;; &#125; 唯一要解释的就是型参ev：ev实际就是windows.even: 调用这个函数： document.onmousemove = mouseMove; function mouseMove&#40;ev&#41;&#123; [...]]]></description>
		<wfw:commentRss>http://ohacker.com/2010/02/07/javascript-drag-drop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
