Leaflet pan editing

HTML

<link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.css">
<link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.ie.css">
<script src="http://leaflet.cloudmade.com/dist/leaflet.js"></script>
<div id="map" style="height: 300px"></div>

JavaScript

// create a map in the "map" div, set the view to a given place and zoom
var map = L.map('map').setView([51.505, -0.09], 13);

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// add a marker in the given location, attach some popup content to it and open the popup
L.marker([51.5, -0.09]).addTo(map)
    .bindPopup('A pretty CSS3 popup. <br> Easily customizable.')
    .openPopup();

var poly = L.polygon([[51.49752274956565, -0.11638641357421874], [51.503186376638034, -0.09527206420898438], [51.49324784798508, -0.10162353515625]]).addTo(map);
poly.on('click', function(){console.log('polygon click')})
map.on('click', function(){console.log('map click')})