一个事件委托的实例的js代码

最新推荐文章于 2024-07-17 08:52:30 发布

liukai6

最新推荐文章于 2024-07-17 08:52:30 发布

阅读量358

点赞数

分类专栏：前端 js

本文链接：https://blog.csdn.net/liukai6/article/details/79374261

版权

前端同时被 2 个专栏收录

101 篇文章 1 订阅

订阅专栏

78 篇文章 1 订阅

订阅专栏

事件委托的例子

下面是完整就是代码

window.onload = function () {
    //获取
    var tb = document.getElementById('tb');
    tb.addEventListener('click',function(e){
        var target = e.target;
        if (target.innerHTML == "可读") {
            //对该元素的数据库状态进行修
            var read_xhr = new XMLHttpRequest();
            read_xhr.onreadystatechange = function()
            {
                if (read_xhr.readyState==4 && read_xhr.status==200)
                {
                    console.log(read_xhr.responseText);
                }
            }
            var data = {};

            read_xhr.open('POST','changestate',true);
            read_xhr.send();
            target.innerHTML = "不可读";
        } else if (target.innerHTML == "不可读") {
            target.innerHTML = "可读";
        }
    })

}