| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <%@ Page Language="C#" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- <script runat="server">
- </script>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head id="Head1" runat="server">
- <title>Example</title>
- <style type="text/css">
- #UpdatePanel1 {
- width:300px; height:100px;
- }
- </style>
- </head>
- <body>
- <form id="form1" runat="server">
- <asp:ScriptManager ID="ScriptManager1" runat="server"/>
- <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
- <ContentTemplate>
- <asp:Panel ID="Panel1" runat="server" GroupingText="Update Panel">
- <asp:Label ID="Label1" runat="server" Text="Click button to see event details."></asp:Label>
- <br />
- <asp:Button ID="Button1" runat="server" Text="Button" AccessKey="b" />
- <br />
- <asp:Label ID="Label2" runat="server"></asp:Label>
- </asp:Panel>
- </ContentTemplate>
- </asp:UpdatePanel>
- </form>
- </body>
- </html>
- <script type="text/javascript">
- Sys.UI.DomEvent.addHandler($get("Button1"), "click", processEventInfo);
- var myArray = ['altKey', 'button', 'charCode', 'clientX', 'clientY',
- 'ctrlKey', 'offsetX', 'offsetY', 'screenX', 'screenY',
- 'shiftKey', 'target', 'type'];
- function processEventInfo(eventElement) {
- var result = '';
- for (var i = 0, l = myArray.length; i < l; i++) {
- var arrayVal = myArray[i];
- if (typeof(arrayVal) !== 'undefined') {
- // Example: eventElement.clientX
- result += arrayVal + " = " + eval("eventElement." + arrayVal) + '<br/>';
- }
- }
- $get('Label2').innerHTML = result;
- }
- </script>
|