html双人游戏,百行HTML 5代码实现四种双人对弈游戏(2)

处理事件

绘制完棋盘和棋子，我们来分析一下用户的动作。用户的动作无非就是两种，一种是点击棋盘 table，另外一种就是点击棋子 DIV。难点在点击 table 这里，我们要获知用户点击 table 的位置。

传统思路可能是这样，使用 event 方法，获得 x,y 的坐标，然后与 table 的左上角做减法，然后再跟单元格 cell 做除法。听起来都麻烦。

如果您仔细阅读了前面的代码，就应该发现，其实在画棋盘是，我们向 array 数组中 push 了一个 evt 方法，很明显，这个 evt 方法要返回一个字符串变量的，那么他的内容是什么呢？答案揭晓：

function evt(i,j,width,height,left,top){ /* 单一单元格事件 */

return "

(nameBak=="four"||nameBak=="turnover"?"block":"absolute")+

";border:0px solid #000;width:"+

width+"px;height:"+height+"px;top:"+top+"px;left:"+left+"px;\">

";