Fork
0
Fav
0
View
973
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 187 lines
  • HTML 66 lines
  • SCSS / Compass 63 lines

Tkit.DragWindow(element, capturePhaze, callback)


var element = new Tkit.DragWindow('dummy', false, trace_function);

  • param 0: html element or element id.

  • param 1: event capture phaze, false は バブリング方式, true は キャプチャー方式.

  • param 2: function を指定すると, event object を取得できます.

    drag move したい element には css property "position: absolute" を設定しておかないと挙動がおかしくなる。


function handle_trace(e) {
    var target = e.target;
    var sval = log_formant.format(
        e.pageX, e.pageY,
        e.clientX, e.clientY,
        e.offsetX, e.offsetY,
        e.type, target.tagName, target.id, target.className
    );
    var element = document.getElementById("log");
    element && (element.innerHTML = sval);
}

relative source: https://js-dragwindow.googlecode.com/svn/trunk/tkit-dragwindow.js

  • jQuery などの library に依存しない drag move script
  • jQuery などの library に依存しない drag move script
  • html5doctor.com Reset Stylesheet

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

motrohi

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags