在 JavaScript 中调用函数,就像在 JQuery 中一样
Calling function in JavaScript like in JQuery
我有一个div:
<div id="test" style="width:auto; height:auto;">
</div>
还有一个功能:
$(function() {
$("#test").attr("contentEditable", "true");
$("#test")
.attr("tabindex", "0")
.keydown(function(){ alert(1); return false; })
.mousemove(function(){ alert(2); return false; });
});
如何在不包含 JQuery 库的情况下在 JavaScript 中实现此代码?
你可以在javascript中这样做,而无需使用jquery,演示可用在这里 JsFiddle你可以把它放在 body 的 onload 方法中,然后它将调用 body 的 onload,或者只是把它放在所有控件下面的脚本部分而不把它放在函数中,然后它会在文档准备好时调用,就像 jquery 方法 $().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");}
function runme() {
var elm = document.getElementById("test");
elm.contentEditable = "true";
elm.tabIndex = 0;
elm.onkeydown = function() { alert(1); return false; };
elm.onmousemove = function() { alert(2); return false; };
}
if(window.addEventListener)
window.addEventListener("load", runme, false);
else
window.attachEvent("onload", runme);
Adil 的想法是正确的,但为了稍微改进一下,您可以将元素存储在变量中,这样您就不必每次都调用来获取元素。所以我会把它改成这样:
var t = document.getElementById('test');
t.setAttribute("contentEditable", "true");
t.setAttribute("tabindex", "0");
t.onkeydown = function(event) { alert("KeyDown");}
t.onmousemove = function(event) { alert("MouseMove");}
支持阿迪尔击败我并提供 jsfiddle 链接:)
已更新:没关系,因为您刚刚更新了帖子
相关文章:
- 我如何创建一个选择器,就像jQuery有jQuery()或$()一样
- jQuery的工作方式不一样
- 使用条件函数的Jquery ReplaceWith()的行为与我预期的不一样
- 如何使用CSS或JQuery使整个网页看起来更小(就像Chrome的缩小功能一样)
- 扩展jQuery以使占位符像我创建的一样
- jQuery.pr()返回undefined,而.attr()对数据-*的作用与预期一样
- 格式化jQuery Autocomplete以像下拉菜单一样扩展浏览器/窗口边缘
- Javascript/jQuery像浏览器一样验证电子邮件
- 是否有任何方法可以像处理jQuery中附加到XHR延迟对象的done方法处理程序一样处理websocket onmess
- Jquery/javascript方式发送50个表单,就像发送1个表单一样
- jquery,列的高度相等,并且至少与浏览器窗口一样高
- 是否可能/如何像谷歌插件一样为jQuery自动完成设置延迟
- 如何像ajax一样在jQuery.load中传递头
- 如何使用jquery或javascript让图像从页面的一侧滑动到另一侧?就像在 thepiratebay.se 上一样
- 如何定位锚点“悬停”事件,就像在 jQuery 中的 css a:hover 一样
- 是否有一个JavaScript / Jquery组件可以创建一个像Eclipse一样的工作空间
- Jquery 复制页面的 html,就像 jquery 滑块启动之前一样
- 为什么jQuery html在与表单一起使用时像replaceWith一样工作
- 如何模拟用户使用 javascript (JQuery) 按 Ctrl “加号”加号或减号一样
- 让 jquery jqxhr 像已经在发送请求一样