文章/答案/技术大牛

发布

社区首页 >问答首页 >替换内容可编辑元素事件绑定的JQuery

问替换内容可编辑元素事件绑定的JQuery
EN

Stack Overflow用户

提问于 2017-08-05 10:20:35

回答 1查看 66关注 0票数 0

我在我的项目中使用了JQuery，唯一使用它的代码行如下：

$('#div').on('input', function() { ... });

有没有更轻量级的lib/polyfill可以替代，它允许在可内容编辑的div上注册输入事件？

javascript

jquery

dom

contenteditable

回答 1

Stack Overflow用户

发布于 2017-08-05 10:30:02

在纯javascript中，你可以这样做：

document
   .getElementsByTagName("div")
   .addEventListener('input', function() { ... }));

并将此html属性 contenteditable="true"添加到您的div。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45520785

复制

jquery获取元素绑定的事件

jquery

一个简单的记录，在调试jquery的事件绑定时会用到。查看某元素是否绑定上了事件。

the5fire

2019/02/28

4.2K0

jQuery 查找on事件绑定元素的被绑定元素方法

jquery dom jq 插件

如上代码,当我点击这个图片的时候 $(this) 是指 img . 当然这是正确的.

FungLeo

2022/05/05

4.5K0

可替换元素和非替换元素

css 渲染 html

可替换元素replaced element也称作可置换元素，其展现效果不是由CSS来控制的，这些元素是一种外部对象，它们外观的渲染，是独立于CSS的。非置换元素non-replaced element也称作非替换元素，其内容由CSS渲染直接表现给客户端。

WindRunnerMax

2020/08/27

2K0

使用jQuery.data()查看元素上绑定的事件

jquery html java

最近遇到一个诡异的问题，发现我添加在一个HTMLElement片段上面的事件绑定，会在后续的流程中，无故丢失了。但是，我不知道它是什么时候丢失的。

libo1106

2018/08/08

1.9K0

jquery事件绑定

jquery java

.bind() 　　为一个元素绑定一个元素处理程序。　　.bind(eventType[,eventData],handler(eventObject)) 　　　　eventType 　　　　　　一个包含一个或多个DOM事件类型的字符串，或自定义事件的名称。　　　　eventData 　　　　　　一个对象，它包含的数据键值对映射将被传递给事件处理程序。　　　　handler(eventObject) 　　　　　　每当事件

用户1197315

2018/01/19

3.6K0

JavaScript 技术篇-js代码触发dom元素绑定事件实例演示，jquery触发元素绑定事件方法

jquery click dom input panel

jquery 通过 trigger() 方法触发点击事件。 $("#login_div > div > div.login-content > div.content-right > div > div > div.login-panel-input.login-submit-panel > button").trigger("click")

小蓝枣

2021/12/01

9K0

jquery 绑定click事件

jquery

有时候需要获得匹配元素相对于其同胞元素的索引位置，此时可以用index()方法获取

Devops海洋的渔夫

2019/05/30

4.5K0

jQuery on绑定事件问题

for循环函数解决方案事件

以前没注意，最近在使用on绑定事件时发现，通过for循环绑定动态绑定时，多个元素最终绑定的都是最后一次事件，不知道用while是不是也是一样，谁有清楚这种现象也可以说一下原因！！！

sucl

2019/08/07

2.5K0

jquery绑定事件的坑，重复绑定问题

jquery html

我实现点击table表格中的删除按钮，找到当前按钮的祖先元素tr 然后删除该行，但是我首先点击删除的时候要先弹出提示框，是否要下载，这时在点击删除按钮删除，之前没有考虑到事件重复绑定问题，所以每次点击删除的时候就会多选择几行，之后选择的越来越多，经过网友解答，成功解决，先把重复绑定的删除的click事件解绑再继续绑定，就没问题。

蓓蕾心晴

2018/07/24

2.4K0

jQuery 事件绑定和 JavaScript 原生事件绑定

jquery java seo api

jQuery 中提供了四种事件监听绑定方式，分别是 bind、live、delegate、on，

Krry

2018/09/10

5.7K0

JS如何替换元素内容

html dom innerhtml 事件特效

http://mpvideo.qpic.cn/0bc3eaajwaaa4qaelx3bjvrvaigdtmqabgya.f10002.mp4?dis_k=4cf17def14cb58de5ca3ebc

itclanCoder

2022/12/07

10.8K0

Jquery获取DOM绑定事件

jquery

获取到当前正在执行的事件： $('#testDive').bind('click', function(event){alert('event: ' + event.type)}); 获取所有绑定事件： $._data(document.getElementById('testDive'), 'events');

就只是小茗

2018/10/10

2.2K0

jquery 绑定回车(Enter )事件

event key ode window 协议

如果想模拟Tab键，只要写成 if (window.event.keyCode==13) window.event.keyCode=9 就行了，它会跳到另一个元素上。

Yiiven

2022/12/15

2.8K0

JQuery 事件绑定不生效

jquery

一个同时问我，JQuery事件绑定为什么不生效，最好通过查找，发现了问题。一般而言，JQuery事件绑定不生效，是一些新手经常遇到的问题，其实都是简单的问题，大概分两种情况。先上代码,以下两个button的事件绑定都不生效。

用户3158888

2019/05/29

2.6K0

jQuery 替换元素中class的方法

jquery

实现方法： ① 使用removeClass()删除旧的class ② 使用addClass()添加新的class ③ 使用attr 直接替换原class ④ 使用 toggleClass 有就移除，没有就添加

青梅煮码

2023/01/16

2.3K0

JQuery绑定事件与移除事件、动画

jquery html

绑定事件：bind()、on()、live()、delegate()、keyup()；触发事件：trigger(‘keyup’)、keyup()；解绑事件：unbind()、off()、die()、undelegate()；符合事件：hover() 、toggle()；事件绑定：bind()；

White feathe

2021/12/08

2.7K0

html 中的可替换(置换)元素

css html 编程算法渲染

在 CSS 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。

用户9914333

2022/07/21

3.2K0

前端基础-jQuery简单事件绑定

jquery dom 对象事件

第4章简单事件绑定所有事件在jquery中都是jquery对象的方法 click(handler) 单击事件 mouseover(handler) 鼠标悬浮事件 mouseout(handler) 鼠标离开事件 ... <input type="button" value="我是一个按钮" id="btn"> <script> $(function(){ $('#btn').click(function(){ alert("来了老弟~"); }

cwl_java

2020/03/26

6900

jquery事件绑定性能测试

其他

使用jquery对节点绑定事件时，例如绑定click事件，常用的方式有: （1）$('x').click(function (){}); （2）$('x').delegate('childnode', 'click', function (){}); delegate委托方式是jquery后推出的，而且我们经常可以看到有文章推荐使用delegate，delegate方式相比直接绑定有什么优势呢？测试生成一万个 li 节点，对其进行 click 事件绑定，分别使用上面的两种方式，测出各自的执行事件代码

dys

2018/04/02

1.2K0

从零开始学 Web 之 jQuery（五）操作元素其他属性，为元素绑定事件

jquery 嵌入式

如果我们在设置为原来宽高2倍的时候，就要先把获取的宽高转换成数字类型，再乘以2，这样操作比较麻烦，有没有简单的方法呢？

Daotin

2018/08/31

5960

相似问题

可内容编辑元素的JavaScript事件

KnockoutJS的可内容编辑绑定

可内容编辑的更改事件

13116

可内容编辑div中的子元素的键盘事件？

jquery可内容编辑问题

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问替换内容可编辑元素事件绑定的JQuery
EN

回答 1

Stack Overflow用户

可内容编辑元素的JavaScript事件

KnockoutJS的可内容编辑绑定

可内容编辑的更改事件

可内容编辑div中的子元素的键盘事件？

jquery可内容编辑问题

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问替换内容可编辑元素事件绑定的JQueryEN

回答 1

Stack Overflow用户

可内容编辑元素的JavaScript事件

KnockoutJS的可内容编辑绑定

可内容编辑的更改事件

可内容编辑div中的子元素的键盘事件？

jquery可内容编辑问题

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问替换内容可编辑元素事件绑定的JQuery
EN