代码之家 › 专栏 › 技术社区 › Smile

如何仅在Textarea上设置jQuery事件?

jquery html

Smile · 技术社区 · 13 年前

我想知道如何只在Textarea上设置jQueryEvents,而不在其他元素上设置。请查看以下代码:

<div id="divUnique">
    <textarea id="txtArea" name="txtArea" cols="100"></textarea>
    <input type="file" name="myfile" id="myfile" size="20"/>
    <input type="checkbox" id="chk" name="chk"/>
</div>

我会有一个共同点 DIV 打电话 divUnique 以及之后的动态成对 TEXTAREA , FILE INPUT 和 CHECKBOX 将被添加。

我想设置三个名为 click , change 和 keypress 仅在 文本区域 而不是中的其他元素 分区 .

那么,我该如何做到这一点呢?

2 回复 | 直到 13 年前

Smile 13 年前

$("#divUnique").on("click change keypress","#txt",function(){
    // your work goes here
});

参考 on

Ronjon 13 年前

试试这个

$(document).ready(function(){
    //click
    $("#txt").click(function(){
        alert("textarea clicked");
    });
    //keypress
    $("#txt").keypress(function(){
        alert("key pressed");
    });
    //change
    $("#txt").change(function(){
        alert("changed");
    });
})

演示链接: Jsfiddle

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前