Removing jQuery event properties (v4)

Revision 4 of this benchmark created on

Description

event.layerX & event.layerY will be removed from WebKit soon. Every jQuery-bound event handler now logs this warning:

event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

Screenshot:

See jQuery bug #10531.

It’s possible to prevent jQuery from copying these properties over to its event objects, but what is the fastest way of doing this?

These snippets don’t do exactly the same, but they all have a similar effect: the layerX and layerY properties aren’t copied to jQuery event objects anymore.

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script>
  var props = $.event.props;
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
join, replace, and split
// reset
$.event.props = window.props;
// remove layerX and layerY
$.event.props = $.event.props.join('|').replace('layerX|layerY|', '').split('|');
ready
Using $.map
// reset
$.event.props = window.props;
// remove layerX and layerY
$.event.props = $.map($.event.props, function(prop) {
  return prop === 'layerX' || prop === 'layerY' ? null : prop;
});
ready
while loop + delete
// reset
$.event.props = window.props;
// remove layerX and layerY
var props = $.event.props,
    length = props.length;
while (length--) {
  var el = props[length];
  (el === 'layerX' || el === 'layerY') && delete props[length];
}
ready
while loop + new array
// reset
$.event.props = window.props;
// remove layerX and layerY
var all = $.event.props,
    len = all.length,
    res = [];
while (len--) {
  var el = all[len];
  if (el !== 'layerX' && el !== 'layerY') res.push(el);
}
$.event.props = res;
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.