|
|
|
Javascript ทำงานบน Google Chrome แต่ไม่ทำงานใน Firefox |
|
|
|
|
|
|
|
Javascript ทำงานบน Google Chrome แต่ไม่ทำงานใน Firefox
Code (JavaScript)
window.onload = function(){
var AttachDragTo = (function () {
var _AttachDragTo = function (el) {
this.el = el;
this.mouse_is_down = false;
this.init();
};
_AttachDragTo.prototype = {
onMousemove: function (e) {
if ( !this.mouse_is_down ) return;
var tg = e.target,
x = e.clientX,
y = e.clientY;
tg.style.backgroundPositionY = y - this.origin_y + this.origin_bg_pos_y + 'px';
document.getElementById("position_y").value = tg.style.backgroundPositionY;
},
onMousedown: function(e) {
this.mouse_is_down = true;
this.origin_x = e.clientX;
this.origin_y = e.clientY;
},
onMouseup: function(e) {
var tg = e.target,
styles = getComputedStyle(tg);
this.mouse_is_down = false;
this.origin_bg_pos_y = parseInt(styles.getPropertyValue('background-position-y'), 10 );
},
init: function () {
var styles = getComputedStyle(this.el);
this.origin_bg_pos_y = parseInt(styles.getPropertyValue('background-position-y'), 10);
this.el.addEventListener('mousedown', this.onMousedown.bind(this), false);
this.el.addEventListener('mouseup', this.onMouseup.bind(this), false);
this.el.addEventListener('mousemove', this.onMousemove.bind(this), false);
}
};
return function ( el ) {
new _AttachDragTo(el);
};
})();
var dropzone = document.getElementById('drop_zone');
AttachDragTo(dropzone);
}
Tag : - - - -
|
ประวัติการแก้ไข 2015-05-09 16:46:11 2015-05-09 16:53:42 2015-05-09 16:53:43 2015-05-09 16:54:49
|
|
|
|
|
Date :
2015-05-09 16:45:24 |
By :
1241050 |
View :
1389 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าเป็นพวก Script ของ JavaScript รุ่นก่อน ๆ แนะนำให้หลีกเลี่ยงใช้ครับ หันไปใช้พวก jQuery แทนครับ
|
|
|
|
|
Date :
2015-05-10 13:36:45 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|