2048-js-ai: comparison 2048.html

equal deleted inserted replaced

-:96e997158562
+:b8028f3e30fb
 var boardDom = document.getElementById("board");
 var ui = {};
 ui.board = {};
 ui.board.val2048Dom = document.getElementById('2048');
 ui.board.val2048Dom.addEventListener("click", function(event) {
+event.preventDefault(); event.stopPropagation();
 ui.board.update(ui.board.position);
 localStorage.val2048 = ui.board.val2048Dom.checked;
 event.target.blur();
-});
+}, false);
 ui.board.val2048 = function(val) {
 if (ui.board.val2048Dom.checked)
 return Math.pow(2, val);
 return val;
 }
 tdDom.appendChild(inputDom);
 inputDom.focus();
 inputDom.select();
 inputDom.addEventListener("blur", function(tdDom, i, j) {
 return function(event) {
+event.preventDefault(); event.stopPropagation();
 ui.board.handleEdit(tdDom, i, j);
-return false;
 }
-}(tdDom, i, j));
+}(tdDom, i, j), false);
 } else {
 var inputDom = tdDom.firstChild;
 var val = parseInt(inputDom.value);
 if (0 <= val && val < 15) {
 ui.board.position[i][j] = val;
 var tdDoms = trDoms[i].querySelectorAll("td");
 for (var j = 0; j < 4; j++) {
 var tdDom = tdDoms[j];
 tdDom.addEventListener("click", function(tdDom, i, j) {
 return function(event) {
+event.preventDefault(); event.stopPropagation();
 ui.board.handleEdit(tdDom, i, j);
-return false;
 }
-}(tdDom, i, j));
+}(tdDom, i, j), false);
 tdDom.addEventListener("keyup", function(tdDom, i, j) {
 return function(event) {
+event.preventDefault(); event.stopPropagation();
 if (event.keyCode === 13)
 ui.board.handleEdit(tdDom, i, j);
 }
-}(tdDom, i, j));
+}(tdDom, i, j), false);
 }
 }
 }
 ui.board.enableEdit();
 ui.board.turn = 0;
 ui.board.position = board.create();
 board.putRandom(ui.board.position);
 ui.board.update(ui.board.position);
 }
-document.getElementById("start").addEventListener("click", ui.action.start);
+document.getElementById("start").addEventListener("click", ui.action.start, false);
 for (var i = 0; i < ui.game.dirs.length; i++) {
 var dir = ui.game.dirs[i];
 ui.action[dir] = function(dir) {
-return function() {
+return function(event) {
+event.preventDefault(); event.stopPropagation();
 if (ui.game.checkGameOver())
 return;
 ui.suggestion.clear();
 var updated = board.move[dir](ui.board.position);
 if (updated) {
 ui.game.finishStep();
 ui.ai.current && ui.ai.current.cleanup();
 }
 }
 } (dir);
-document.getElementById(dir).addEventListener("click", ui.action[dir]);
+document.getElementById(dir).addEventListener("click", ui.action[dir], false);
 }
 document.body.addEventListener("keydown", function(event) {
 if (document.activeElement.value)
 return;
 if (event.altKey || event.ctrlKey || event.shiftKey || event.metaKey)
 return;
 var key = event.keyCode || event.which;
 var keyMoves = {38: "up", 40: "down", 37: "left", 39: "right"};
 if (key in keyMoves) {
-ui.action[keyMoves[key]]();
+ui.action[keyMoves[key]](event);
-event.preventDefault();
+}
-}
+}, false);
-});
 document.getElementById("test").addEventListener("click", function() {
+event.preventDefault(); event.stopPropagation();
 board.move.replaceByBoardJS(ui.brdEngine);
-});
+}, false);
-ui.action.suggest = function() {
+ui.action.suggest = function(event) {
+event.preventDefault(); event.stopPropagation();
 if ( ! ui.ai.current) {
 ui.game.setMessage('Select AI!');
 return;
 }
 if ( ! ui.game.beginStep())
 ui.ai.current.cleanup();
 if ( ! ui.game.checkMoveValid(move))
 return;
 ui.suggestion.set(move);
 }
-document.getElementById("suggest").addEventListener("click", ui.action.suggest);
+document.getElementById("suggest").addEventListener("click", ui.action.suggest, false);
 ui.action.step = function() {
 if ( ! ui.ai.current) {
 ui.game.setMessage('Select AI!');
 return;
 }
 if ( ! ui.game.checkMoveValid(move))
 return;
 board.move[move].call(null, ui.board.position);
 ui.game.finishStep();
 }
-document.getElementById("step").addEventListener("click", ui.action.step);
+document.getElementById("step").addEventListener("click", ui.action.step, false);
 ui.action.finish = function() {
 if ( ! ui.ai.current) {
 ui.game.setMessage('Select AI!');
 return;
 ui.game.finishStep();
 ui.score.speed(step*1000.0/(tsTo-tsFrom), step);
 ui.game.setMessage("Game over!");
 ui.ai.current && ui.ai.current.cleanup();
 }
-document.getElementById("finish").addEventListener("click", ui.action.finish);
+document.getElementById("finish").addEventListener("click", ui.action.finish, false);
 ////////////////////////////////////////////////////////////////
 // Register AIs.
 ui.ai = {};
 };
 ui.ai.domList = document.querySelectorAll('div.ai');
 for (var i = 0; i < ui.ai.domList.length; i++) {
 ui.ai.domList[i].querySelectorAll('button.ai')[0].addEventListener("click", function (event) {
 ui.ai.enable(event.target.parentNode);
-});
+}, false);
 }
 ui.ai.moveToTop = function(aiDom) {
 for (var i = 0; i < ui.ai.domList.length; i++) {
 ui.ai.domList[i].classList.remove('enabled');
 }
 console.log(stat);
 }
 var statisticBtn = document.getElementById('statistic');
-statisticBtn.addEventListener("click", statistic);
+statisticBtn.addEventListener("click", statistic, false);
 ////////////////////////////////////////////////////////////////
 // Initialise game.

changeset 65	b8028f3e30fb
parent 64	96e997158562
child 66	c62a1051cef7