如何从html调用面向对象的javascript函数

时间:2015-04-24 14:18:56

标签: javascript html oop

我希望在事件(右箭头键)上调用HTML下的代码。

var Anim = function() {
var box = document.getElementById("square");
};
Anim.prototype.Start = function(event){
if(event.keyCode == 39){
    box.style.left = (box.offsetLeft + 100)+"px";
}
};
Anim.prototype.Stop = function(event){
if(event.keyCode == 37){
    box.style.left = (box.offsetLeft)+"px";
}
};
var Myanim = new Anim();

这是我的HTML

<div id="square" style="position: absolute;">This is my box</div>

1 个答案:

答案 0 :(得分:0)

使用jQuery:

maintenance.flag

要在项目中导入jquery:

$(document).keypress(function(event) {
   alert('Handler for .keypress() called. - ' + event.charCode);
});

如果您只想使用Javascript:

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>