default.aspx 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <%@ Page Language="C#" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <script runat="server">
  4. </script>
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head id="Head1" runat="server">
  7. <title>Example</title>
  8. <style type="text/css">
  9. #UpdatePanel1 {
  10. width:300px; height:100px;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <form id="form1" runat="server">
  16. <asp:ScriptManager ID="ScriptManager1" runat="server"/>
  17. <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
  18. <ContentTemplate>
  19. <asp:Panel ID="Panel1" runat="server" GroupingText="Update Panel">
  20. <asp:Label ID="Label1" runat="server" Text="Click button to see event details."></asp:Label>
  21. <br />
  22. <asp:Button ID="Button1" runat="server" Text="Button" AccessKey="b" />
  23. <br />
  24. <asp:Label ID="Label2" runat="server"></asp:Label>
  25. </asp:Panel>
  26. </ContentTemplate>
  27. </asp:UpdatePanel>
  28. </form>
  29. </body>
  30. </html>
  31. <script type="text/javascript">
  32. Sys.UI.DomEvent.addHandler($get("Button1"), "click", processEventInfo);
  33. var myArray = ['altKey', 'button', 'charCode', 'clientX', 'clientY',
  34. 'ctrlKey', 'offsetX', 'offsetY', 'screenX', 'screenY',
  35. 'shiftKey', 'target', 'type'];
  36. function processEventInfo(eventElement) {
  37. var result = '';
  38. for (var i = 0, l = myArray.length; i < l; i++) {
  39. var arrayVal = myArray[i];
  40. if (typeof(arrayVal) !== 'undefined') {
  41. // Example: eventElement.clientX
  42. result += arrayVal + " = " + eval("eventElement." + arrayVal) + '<br/>';
  43. }
  44. }
  45. $get('Label2').innerHTML = result;
  46. }
  47. </script>