차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

다음 판
이전 판
tech:javascript_onclick [2015/02/04 10:42] – 만듦 V_Ltech:버튼이나_하이퍼링크로_자바스크립트_실행시키는_방법 [2016/07/12 09:26] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
-====== Javascript Onclick ======+{{tag>javascript onclick 버튼  하이퍼링크 로 자바스크립트 실행  방법}} 
 +======버튼이나 하이퍼링크로 자바스크립트 실행시키는 방법 (Javascript Onclick======
  
-나쁨:+버튼이나 하이퍼링크로 자바스크립트 실행시키는 방법... 
 + 
 +====나쁨====
  
   <a id="myLink" href="javascript:MyFunction();">link text</a>   <a id="myLink" href="javascript:MyFunction();">link text</a>
- +   
-좋음:+====좋음====
  
   <a id="myLink" href="#" onclick="MyFunction();">link text</a>   <a id="myLink" href="#" onclick="MyFunction();">link text</a>
-better:+ 
 +====더 좋음====
  
 <a id="myLink" href="#" onclick="MyFunction();return false;">link text</a> <a id="myLink" href="#" onclick="MyFunction();return false;">link text</a>
-even better 1:+====더더 좋음 1====
  
-<a id="myLink" title="Click to do something" +  <a id="myLink" title="Click to do something" 
- href="#" onclick="MyFunction();return false;">link text</a> +    href="#" onclick="MyFunction();return false;">link text</a> 
-even better 2:+====더더 좋음 2====
  
-<a id="myLink" title="Click to do something" +  <a id="myLink" title="Click to do something"  
- href="PleaseEnableJavascript.html" onclick="MyFunction();return false;">link text</a>+   href="PleaseEnableJavascript.html" onclick="MyFunction();return false;">link text</a> 
 +   
 Why better? because return false will prevent browser from following the link Why better? because return false will prevent browser from following the link
  
-best:+====제일 좋음====
  
 Use jQuery or other similar framework to attach onclick handler by element's ID. Use jQuery or other similar framework to attach onclick handler by element's ID.
  
-$('#myLink').click(function(){ MyFunction(); return false; });+    jQuery('#myLink').click(function(){ MyFunction(); return false; }); 
 + 
 + 
 +[출처](http://stackoverflow.com/questions/1070760/javascript-function-in-href-vs-onclick)
  
-{{tag>javascript onclick}}