js传统事件绑定与取消

js传统事件绑定与取消

传统事件的绑定格式：

节点.onclick = function () {
    // 事件处理程序
 }

先定义一个通过id找到节点的函数：($是函数名，你也可以取其他的)

function $(id) {
        return document.getElementById(id)
    }

定义两个函数：

// 事件绑定
    // 事件代表发生了某件事情   ====事件处理程序
    function test() {
        console.log('div被点击了')
        // 当div被点击了之后要执行的代码
    }
    function test1(num) {
        console.log(num)
        // 当div被点击了之后要执行的代码
    }

函数绑定：

//第一种方式：
$('mydiv1').onclick = test1 //参数???  这种绑定不能传参数
//第二种方式，可以传参数
    $('mydiv1').onclick = function () {
        test1(123)
    }

取消传统事件绑定

$('mydiv2').onclick = function(){
        $('mydiv1').onclick = null
    }

结束。。。。。