jqueryでカスタムイベントを作成するにはどうすればよいですか? セレクションドローイベントを作りたいです。このプラグインJQuery Image Annotationの [メモの追加] ボタンを自分のイベントに置き換えることができるようにします。長方形の選択領域を描画するのと同じように、注釈を直接描画できるようにしたいのですが、どうすればよいですか? ガイドしてください。
私はすでにそれを行っていますが、私の問題は、ondraw を呼び出したいカスタム イベントを定義する方法がわからないことです。つまり、知りたいのは、基本的な jquery イベントがどのように定義されているかということです。スケルトンや例は間違いなく役に立ちます。私は初心者なので、少しガイダンスが必要です。また、長方形を作成するためのコードを見つけました。コード:
$(function(){
var $container = $('#container');
var $selection = $('<div>').addClass('selection-box');
$container.on('mousedown', function(e) {
var click_y = e.pageY;
var click_x = e.pageX;
$selection.css({
'top': click_y,
'left': click_x,
'width': 0,
'height': 0
});
$selection.appendTo($container);
$container.on('mousemove', function(e) {
var move_x = e.pageX,
move_y = e.pageY,
width = Math.abs(move_x - click_x),
height = Math.abs(move_y - click_y);
$selection.css({
'width': width,
'height': height
});
if (move_x < click_x) { //mouse moving left instead of right
$selection.css({
'left': click_x - width
});
}
if (move_y < click_y) { //mouse moving up instead of down
$selection.css({
'top': click_y - height
});
}
}).on('mouseup', function(e) {
$container.off('mousemove');
$selection.remove();
});
});
});