Merge pull request #49 from AliciaLippert/master

agcolom · agcolom · commit dcc26b720484 · 2012-10-16T08:54:08.000-07:00
API Doc: vMouseDown
diff --git a/entries/vmousedown.xml b/entries/vmousedown.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+<entry name="vmousedown" type="event" return="jQuery">
+	<title>.vmousedown()</title>
+	<desc>Virtualized mouseover event handler.</desc>
+	<longdesc>
+		<p>The jQuery Mobile <code>.vmousedown()</code> event handler simulates the "onmousedown" event handler on mobile devices. This event is fired on the initial touch of the screen on the device.</p>
+		<xi:include href="../includes/core-extension-desc.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
+		<pre>
+		<code><![CDATA[
+			$(function(){
+			    $("p").vmousedown(function(){
+		      $(this).append('<span style="color:#00F;">Mouse down.</span>');
+		    });
+		]]></code>
+	</pre>
+	</longdesc>
+	<added>1.0</added>
+	<signature>
+		<argument name="callback" type="Function" optional="true">
+			<desc>A function to invoke after the vmousedown event is fired.</desc>
+		</argument>
+	</signature>
+	<pre>
+		<code>
+			<p>
+				<iframe src="/resources/vmousedown/example1.html" style="width:100%;height:90px;border:0px"></iframe>
+			</p>
+		</code>
+	</pre>
+	<category slug="events"/>
+</entry>
diff --git a/resources/vmousedown/example1.html b/resources/vmousedown/example1.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>vmousedown demo</title>
+    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css">
+    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
+    <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
+</head>
+<body>
+    <p>Touch here, move up and down to see what happens.</p>
+    <script>
+        $("p").mousedown(function(){
+          $(this).append('<span style="color:#00F;">Mouse down.</span>');
+        });
+    </script>
+</body>
+</html>
