像在JQuery中一样在JavaScript中调用函数

Question

I have a div:

<div id="test" style="width:auto; height:auto;">
</div>

And a function:

 $(function() {
            $("#test").attr("contentEditable", "true");
            $("#test")
            .attr("tabindex", "0")
            .keydown(function(){ alert(1); return false; })
            .mousemove(function(){ alert(2); return false; });
    });

How can I implement this code in JavaScript without including the JQuery library?

Answer 1

You can do it like this in javascript without using jquery, Demo available here JsFiddle You can put it in onload method of body then it will call onload of body or just put it in script section below all controls without putting it in function then it will call when document is ready like jquery method $().ready();

var test = document.getElementById('test');
test.setAttribute("contentEditable", "true");
test.setAttribute("tabindex", "0");
test.onkeydown = function(event) { alert("KeyDown");}    
test.onmousemove = function(event) { alert("MouseMove");}