imgareaselect增加选择框双击事件的支持

来源：互联网发布：photoshop cs6 mac 编辑：程序博客网时间：2024/05/26 14:08

imgareaselect版本是：version 0.9.8

imgareaselect功能各浏览器兼容性不错，只是没有双击事件的支持。看了下代码，做了些修改，增加了双击事件支持。

修改内容

在 imgLoad()的方法，增加 onDbclick: function (){}

setOptions(options = $.extend({                classPrefix: 'imgareaselect',                movable: true,                parent: 'body',                resizable: true,                resizeMargin: 10,                onInit: function () {},                onSelectStart: function () {},                onSelectChange: function () {},                onSelectEnd: function () {},                onDbclick: function (){} //新增加的            }, options));

在setOptions方法中，

if (options.disable || options.enable === false) {                $box.unbind('mousemove', areaMouseMove).unbind('mousedown', areaMouseDown);                $(window).unbind('resize', windowResize);            }

前增加$box的绑定事件

$box.dblclick(options.onDbclick);

经过测试在IE7，IE8，IE9，火狐8，chrome15下均正常。

调用的时候只需要重写onDbclick方法就行了。