contextmenu.html revision 7af920b5469a3ebc416dace31e18e2d1abfea057
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots<!DOCTYPE html>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots<html lang="en">
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <head>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <meta charset="utf-8">
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <meta http-equiv="X-UA-Compatible" content="IE=edge">
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <title>contextmenu synthetic event</title>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <meta name="author" content="Todd Kloots">
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <style type="text/css">
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots body {
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots padding-top: 500px;
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots padding-bottom: 200px;
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots }
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots </style>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <script type="text/javascript" src="/build/yui/yui.js"></script>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <script type="text/javascript">
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots YUI({
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min',
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots allowRollup: false,
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots lazyEventFacade: true
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots }).use("event-contextmenu", "node", "event", "overlay", function (Y) {
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots Y.one("doc").delegate("contextmenu", function (e) {
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots Y.log(e.pageX);
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots Y.log(e.pageY);
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots var overlay = Y.Overlay({ bodyContent: "Hello, World" });
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots overlay.render(Y.one("body"));
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots }, "button");
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots Y.one("#btn-1").on("contextmenu", function (e) {
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots Y.log(e.pageX);
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots Y.log(e.pageY);
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots });
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots });
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots </script>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots </head>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <body>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <button id="btn-1">Button 1</button>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots <button id="detach-btn">Detach Listeners</button>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots </body>
7af920b5469a3ebc416dace31e18e2d1abfea057Todd Kloots</html>