开发者社区> 问答> 正文

关于从jquery过渡到javascript的问题

以前一直用jquery,没有审图了解到function的多种用法和类的用法,简单会用就能上手jquery了;现在回头认真学javascript,发现搜了很久都没办法代替jq里面的触发事件的方法,比如

以前jquery,想让某个dom触发事件,要写

<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function al()
{
    alert("I'm aaaa");
}
$(document).ready(function() {
    $("#aaa").click(function (){
        al();
    })
});
</script>
 
<input type="button" value="aaaaaa" id="aaa">

这样就可以控制id为aaa的触发onclick事件了;

如果用js的话,就要

 
<script type="text/javascript">
function al()
{
    alert("I'm aaaa");
}
</script>
 
 
<input type="button" value="aaaaaa" id="aaa" onClick="al()">

所以,我想问,有没有用js的方法模拟jquery里的click事件一样,可以让触发事件的代码和前端代码分开?还有前提是不能用js在input上添加一个onclick的方法,也不能使用其他库,

展开
收起
爵霸 2016-06-13 09:27:19 1882 0
1 条回答
写回答
取消 提交回答
  • 你可以先写个函数

    function addEvent(elm, evType, fn) {
        if (elm.addEventListener) {
            elm.addEventListener(evType, fn, false);
            return true;
        }
        else if (elm.attachEvent) {
            var r = elm.attachEvent('on' + evType, fn);
            return r;
        }
        else {
            elm['on' + evType] = fn;
        }
    }

    再通过这个进行事件的绑定

    addEvent(document.getElementById('aaa'),'click',function(){
        al();
    });

    请在DOM ready之后再进行事件绑定哦~~

    2019-07-17 19:35:04
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载

相关实验场景

更多