예 버튼을 클릭할 때 JavaScript 실행: Copy Text로그인 후 복사브라우저 지원IEFirefoxChromeSafariOpera모든 주요 브라우저는 onclick 속성을 지원합니다. 정의 및 사용법onclick 속성은 요소를 마우스로 클릭하면 트리거됩니다. 참고: onclick 속성은 다음 요소에 적용되지 않습니다: , , , , , , <meta>, <param>, <script>, <style> 또는 <title>. </p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">HTML 4.01과 HTML5의 차이점 </p><p>없음. </p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">Syntax</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element onclick="script"></pre><div class="contentsignin">로그인 후 복사</div></div><p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);">속성값</p><table><tbody><tr class="firstRow"><td width="113" valign="top" style="word-break: break-all;">Value</td><td width="996" valign="top" style="word-break: break-all;">Description</td></tr><tr><td width="113" valign="top" style="word-break: break-all;">script</td><td width="996" valign="top" style="word-break: break-all;">onclick 발생시 실행할 스크립트입니다. </td></tr></tbody></table><p> 지금 만들고 있는 작은 시스템은 리더님이 말씀하신 멋진 효과를 얻기 위해 Metro UI CSS를 사용하고 있는데, 각 타일의 클릭 이벤트(div 태그)에 매개변수를 전달하는 방법 때문에 시간이 오래 걸렸습니다. ) (저는 초보자입니다) 마침내 data-* 속성을 통해 해결책을 찾았습니다. 다음은 jQuery 및 js 구현입니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery/jquery.min.js"></script> <script> $(document).ready(function(){ $(".title").click(function(){ var id=$(this).data("id"); var name=$(this).data("name"); alert("Id: "+id+" ; Name: "+name);}); }); function onClick(e){ var id=e.getAttribute("data-id"); var name=e.getAttribute("data-name"); alert("Id: "+id+" ; Name: "+name); } </script> </head> <body> <div class="title" data-id="1" data-name="Microsoft">Click Me</div> <div id="add" data-id="2" data-name="Google" onclick="onClick(this)">Click Me</div> </body> </html></pre><div class="contentsignin">로그인 후 복사</div></div><p><br></p>
