質問編集履歴
2
追記２
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -483,3 +483,89 @@
|
|
|
483
483
|
</html>
|
|
484
484
|
|
|
485
485
|
```
|
|
486
|
+
|
|
487
|
+
|
|
488
|
+
|
|
489
|
+
--------追記２---------
|
|
490
|
+
|
|
491
|
+
off()メソッドというものがあると聞き少しいじってみましたがうまくいきません。
|
|
492
|
+
|
|
493
|
+
うーん・・・。思ったより難しい。
|
|
494
|
+
|
|
495
|
+
```javascript
|
|
496
|
+
|
|
497
|
+
$(function(){
|
|
498
|
+
|
|
499
|
+
$('#panPinchElm').on({
|
|
500
|
+
|
|
501
|
+
'mouseenter': function(Resize) {
|
|
502
|
+
|
|
503
|
+
console.log('hoverした');
|
|
504
|
+
|
|
505
|
+
var props = $('#panPinchElm').css('transform');
|
|
506
|
+
|
|
507
|
+
var values = props.split('(')[1];
|
|
508
|
+
|
|
509
|
+
values = values.split(')')[0];
|
|
510
|
+
|
|
511
|
+
values = values.split(',');
|
|
512
|
+
|
|
513
|
+
var a = values[0];
|
|
514
|
+
|
|
515
|
+
var b = values[1];
|
|
516
|
+
|
|
517
|
+
var scale = Math.sqrt(a * a + b * b);
|
|
518
|
+
|
|
519
|
+
var mousewheelevent = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
|
|
520
|
+
|
|
521
|
+
$(document).on(mousewheelevent,function(e){
|
|
522
|
+
|
|
523
|
+
var num = parseInt($('.wheel').text());
|
|
524
|
+
|
|
525
|
+
e.preventDefault();
|
|
526
|
+
|
|
527
|
+
var delta = e.originalEvent.deltaY ? -(e.originalEvent.deltaY) : e.originalEvent.wheelDelta ? e.originalEvent.wheelDelta : -(e.originalEvent.detail);
|
|
528
|
+
|
|
529
|
+
if (delta < 0){
|
|
530
|
+
|
|
531
|
+
var dNum = num - 1;
|
|
532
|
+
|
|
533
|
+
$('.wheel').html(dNum);
|
|
534
|
+
|
|
535
|
+
var Nscale = 1 + dNum * 0.2;
|
|
536
|
+
|
|
537
|
+
$('#panPinchElm').css('transform', 'scale(' + Nscale +',' + Nscale + ')');
|
|
538
|
+
|
|
539
|
+
console.log(Nscale);
|
|
540
|
+
|
|
541
|
+
} else {
|
|
542
|
+
|
|
543
|
+
var uNum = num + 1;
|
|
544
|
+
|
|
545
|
+
$('.wheel').html(uNum);
|
|
546
|
+
|
|
547
|
+
var Nscale = 1 + uNum * 0.2;
|
|
548
|
+
|
|
549
|
+
$('#panPinchElm').css('transform', 'scale(' + Nscale +',' + Nscale + ')');
|
|
550
|
+
|
|
551
|
+
console.log(Nscale);
|
|
552
|
+
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
});
|
|
556
|
+
|
|
557
|
+
},
|
|
558
|
+
|
|
559
|
+
'mouseleave': function() {
|
|
560
|
+
|
|
561
|
+
console.log('hover外れた');
|
|
562
|
+
|
|
563
|
+
$('#panPinchElm').off('mouseenter mouseleave');
|
|
564
|
+
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
})
|
|
568
|
+
|
|
569
|
+
});
|
|
570
|
+
|
|
571
|
+
```
|
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -26,6 +26,14 @@
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
+
-------追記---------
|
|
30
|
+
|
|
31
|
+
数の増減に関しては、hoverが有効になったりならなかったりするたびに起こる現象で、hoverしている時だけ、という処理ができれば解決できそうなので無視していただいて結構です。
|
|
32
|
+
|
|
33
|
+
よろしくお願いします。
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
29
37
|
```html
|
|
30
38
|
|
|
31
39
|
<!DOCTYPE html>
|