77 lines
2.3 KiB
JavaScript
77 lines
2.3 KiB
JavaScript
|
/**************************************
|
|||
|
|
文件名：listener.js
|
|||
|
|
功能：该模块用于处理事件监听相关内容
|
|||
|
|
版本：2.0(23.01.08)
|
|||
|
|
**************************************/
|
|||
|
|
|
|||
|
|
/**************************************
|
|||
|
|
对象名：Listener
|
|||
|
|
参数：lang: 传入语言, grid: 传入grid对象
|
|||
|
|
**************************************/
|
|||
|
|
function Listener(lang, grid){
|
|||
|
|
//在设置监听的匿名函数中，“this”不是指代的Listener对象，必须单独获取
|
|||
|
|
let self = this;
|
|||
|
|
//获取语言
|
|||
|
|
this.lang = lang;
|
|||
|
|
//获取grid对象
|
|||
|
|
this.grid = grid;
|
|||
|
|
//获取所有返回按钮
|
|||
|
|
this.back = document.querySelectorAll(".back");
|
|||
|
|
//获取所有新游戏按钮
|
|||
|
|
this.newBtn = document.querySelectorAll(".new");
|
|||
|
|
//监听输入框旁的确认按钮
|
|||
|
|
this.confirm = document.querySelector(".confirm");
|
|||
|
|
|
|||
|
|
//监听返回按钮点击事件
|
|||
|
|
for (let i = 0; i < this.back.length; i++){
|
|||
|
|
this.back[i].addEventListener("click", function(){
|
|||
|
|
window.open(`./menu.html?lang=${self.lang}`, "_self");
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//监听新游戏按钮点击事件
|
|||
|
|
for (let i = 0; i < this.newBtn.length; i++){
|
|||
|
|
this.newBtn[i].addEventListener("click", function(){
|
|||
|
|
self.grid.restart();
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//监听确认按钮点击事件
|
|||
|
|
this.confirm.addEventListener("click", function(){
|
|||
|
|
self.grid.rankConfirm();
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//监听tile点击事件
|
|||
|
|
for (let i = 0; i < this.grid.hSize; i++){
|
|||
|
|
for (let j = 0; j < this.grid.wSize; j++){
|
|||
|
|
let theTile = document.querySelector(`.tile-${i}-${j}`);
|
|||
|
|
|
|||
|
|
theTile.addEventListener("click", function (){
|
|||
|
|
if(self.grid.now == "Waiting"){
|
|||
|
|
self.grid.start();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
self.grid.click(i, j);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
theTile.addEventListener("contextmenu", function (){
|
|||
|
|
self.grid.rightClick(i, j);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//屏蔽右键菜单
|
|||
|
|
document.oncontextmenu = function (event){
|
|||
|
|
if(window.event){
|
|||
|
|
event = window.event;
|
|||
|
|
}try{
|
|||
|
|
var the = event.srcElement;
|
|||
|
|
if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}catch (e){
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|