【jQuery】on注册事件的时候处理函数自动运行

最新推荐文章于 2020-06-20 21:36:02 发布

千灵域

最新推荐文章于 2020-06-20 21:36:02 发布

阅读量507

点赞数

分类专栏：问题 web编程实例文章标签： jquery

本文链接：https://blog.csdn.net/u012837895/article/details/77824050

版权

web编程实例同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

问题

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    var Circle={
        x:405,
        y:305,
        Radius:300
    };
    var arr=new Array();//存放event
    var rangeArr=new Array();//存放区间
    $("#createEvent").on("click",function(){
        if($("#input").children()[0].value==""){
            $("#warn").text("请输入内容！");
        }
        else{
            arr.push({
                event: $("#input").children()[0].value,
                color: $("#input").children()[1].value
            });
            var $addButton=$("<button class='createNode'>+</button>");
            var $deleteButton=$("<button class='deleteNode'>x</button>");
            var $newList=$("<li name="+arr.length+">"+$("#input").children()[0].value+" "+$("#input").children()[1].value+"</li>");

            $newList.append($addButton);
            $newList.append($deleteButton);
            $("#table").append($newList);
            $("#table").on("click",{value:arr.length},".createNode",drawAfterClick(event));
        }

        function drawAfterClick(event){
            alert(1);
            alert(event.data.value);
        }
});

    });
    </script>
</head>

<body>
    <div id="info">
        <form id="input">
            事件：<input type="text" name="事件名称"/>
            颜色：<select name="color"/>
            <option value="red">Red</option>
            <option value="yellow">Yellow</option>
            <option value="green">Green</option>
            <option value="blue">Blue</option>
            <option value="orange">Orange</option>
            <option value="brown">Brown</option>
            <option value="purple">Purple</option>
            </select>
        </form>
        <button id="createEvent">创建事件</button>
        <ul id="table">
            <li>事件 颜色</li>
        </ul>
    </div>
</body>
</html>

问题描述：在输入框输入内容，点击“创建事件”按纽之后，原来被绑定到新建立开关的函数会自动执行，怀疑与委托事件有关。