<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>zaru blog &#187; プログラミング_JavaScript</title>
	<atom:link href="http://zaru.tofu-kun.org/category/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0_javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://zaru.tofu-kun.org</link>
	<description>Web系のこととかー。</description>
	<lastBuildDate>Fri, 18 Nov 2011 02:28:49 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://zaru.tofu-kun.org/category/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0_javascript/feed/" />
		<item>
		<title>フォームをsubmitするonClickイベントが重なった際のブラウザによる挙動の違い</title>
		<link>http://zaru.tofu-kun.org/2010/11/18/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%82%92submit%e3%81%99%e3%82%8bonclick%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%9f%e9%9a%9b%e3%81%ae%e3%83%96%e3%83%a9/</link>
		<comments>http://zaru.tofu-kun.org/2010/11/18/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%82%92submit%e3%81%99%e3%82%8bonclick%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%9f%e9%9a%9b%e3%81%ae%e3%83%96%e3%83%a9/#comments</comments>
		<pubDate>Thu, 18 Nov 2010 09:06:08 +0000</pubDate>
		<dc:creator>zaru</dc:creator>
				<category><![CDATA[プログラミング_JavaScript]]></category>

		<guid isPermaLink="false">http://zaru.tofu-kun.org/?p=205</guid>
		<description><![CDATA[onClick=&#8221;submit()&#8221; + type=&#8221;submit&#8221; が重なると… あんまりない状況だとは思うのだけど、フォームをsubmitするonClickイベントが重なった場合、ブラウザによって挙動が違ったのでメモ。 例えば下記のようなHTMLの場合 &#60;form action=&#34;&#34; name=&#34;form&#34;&#62; &#60;div onclick=&#34;javascript:goSubmit()&#34; style=&#34;background-color:#ffeeee;padding:30px;&#34;&#62; &#60;input type=&#34;submit&#34; /&#62; &#60;/div&#62; &#60;/form&#62; &#60;script&#62; function goSubmit(){ document.form.submit(); } &#60;/script&#62; &#60;div&#62;自体にonClickを指定して、フォームをsubmitするようにしている。 この時、&#60;input type=&#8221;submit&#8221; /&#62;をクリックすると、InternetExplorerの場合のみ、二重にsubmitされる。Firefox/ChromeなどはgoSubmit()を実行するだけ。 なので、こういった形式を使いたい場合は &#60;form action=&#34;&#34; name=&#34;form&#34;&#62; &#60;div onclick=&#34;javascript:goSubmit()&#34; style=&#34;background-color:#ffeeee;padding:30px;&#34;&#62; &#60;input type=&#34;button&#34; /&#62; &#60;button&#62;&#60;/button&#62; &#60;img /&#62; &#60;/div&#62; &#60;/form&#62; &#60;script&#62; function goSubmit(){ document.form.submit(); } &#60;/script&#62; などのsubmitしないボタンに変えてやると良い。 ただし、この場合はJavaScriptがオフになっていると、うんともすんとも言わないので、そこら辺は配慮する必要がある。]]></description>
			<content:encoded><![CDATA[<h3>onClick=&#8221;submit()&#8221; + type=&#8221;submit&#8221; が重なると…</h3>
<p>あんまりない状況だとは思うのだけど、フォームをsubmitするonClickイベントが重なった場合、ブラウザによって挙動が違ったのでメモ。</p>
<p>例えば下記のようなHTMLの場合</p>
<pre class="brush: xml; title: ;">
&lt;form action=&quot;&quot; name=&quot;form&quot;&gt;
	&lt;div onclick=&quot;javascript:goSubmit()&quot; style=&quot;background-color:#ffeeee;padding:30px;&quot;&gt;
		&lt;input type=&quot;submit&quot; /&gt;
	&lt;/div&gt;
&lt;/form&gt;
&lt;script&gt;
function goSubmit(){
	document.form.submit();
}
&lt;/script&gt;
</pre>
<p>&lt;div&gt;自体にonClickを指定して、フォームをsubmitするようにしている。</p>
<p>この時、&lt;input type=&#8221;submit&#8221; /&gt;をクリックすると、InternetExplorerの場合のみ、二重にsubmitされる。Firefox/ChromeなどはgoSubmit()を実行するだけ。</p>
<p>なので、こういった形式を使いたい場合は</p>
<pre class="brush: xml; title: ;">
&lt;form action=&quot;&quot; name=&quot;form&quot;&gt;
	&lt;div onclick=&quot;javascript:goSubmit()&quot; style=&quot;background-color:#ffeeee;padding:30px;&quot;&gt;
		&lt;input type=&quot;button&quot; /&gt;
		&lt;button&gt;&lt;/button&gt;
		&lt;img /&gt;
	&lt;/div&gt;
&lt;/form&gt;
&lt;script&gt;
function goSubmit(){
	document.form.submit();
}
&lt;/script&gt;
</pre>
<p>などのsubmitしないボタンに変えてやると良い。</p>
<p>ただし、この場合はJavaScriptがオフになっていると、うんともすんとも言わないので、そこら辺は配慮する必要がある。</p>
<img src="http://zaru.tofu-kun.org/?ak_action=api_record_view&id=205&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://zaru.tofu-kun.org/2010/11/18/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%82%92submit%e3%81%99%e3%82%8bonclick%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%9f%e9%9a%9b%e3%81%ae%e3%83%96%e3%83%a9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://zaru.tofu-kun.org/2010/11/18/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%82%92submit%e3%81%99%e3%82%8bonclick%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%9f%e9%9a%9b%e3%81%ae%e3%83%96%e3%83%a9/" />
	</item>
	</channel>
</rss>
