jQuery_$ele.on().off()_input.html

学无止境慢慢来

已于 2022-01-23 19:09:43 修改

阅读量247

点赞数

分类专栏： jQuery 文章标签： jquery

于 2019-11-28 09:56:40 首次发布

原文链接：https://www.runoob.com/jquery/jquery-ref-events.html

版权

jQuery 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$ele.on().off()_input</title>

    <script src="../lib/jquery/jquery-3.2.1.js"></script>
</head>
<body>

<p class="on">on.click事件，单击这个段落。</p>
<button class="off">off.click事件, 移除click 事件句柄。</button>

<label for="text">文本：
    <input id="text" type="text">
</label>

<script>
    /*参考：
        https://www.runoob.com/jquery/event-on.html
        http://www.cftea.com/c/2019/05/11453.asp
    * */
    $(function () {
        // 1.$obj.on()
        $("p.on").on("click", function () {
            $(this).css({
                "color": "red",
                "font-size": "large",
                "background-color": "pink"
            });
        });

        // 2.$obj.off() 方法通常用于移除通过 on() 方法添加的事件处理程序。
        $("button.off").click(function () {
            $("p.on").off("click");
        });

        // 3. input 事件。
        $("input").on("input", function () {
            console.log($(this).val());
        });

    });
</script>

</body>
</html>

学无止境慢慢来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery_$ele.on().off()_input.html

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery on_off事件</title> <script src="lib/jquery/jquery-3.2.1.js"></scrip...
复制链接

扫一扫

专栏目录