Rumah > hujung hadapan web > tutorial js > jQuery如何阻止事件冒泡

jQuery如何阻止事件冒泡

伊谢尔伦
Lepaskan: 2016-11-22 14:12:36
asal
1225 orang telah melayarinya

条件:外层有一个DIV元素,在内层有一个P元素,存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包含的关系。

事件:现在我们都在这两个元素上绑定相同的事件,比如click事件。

结果:这时,当我们点击内层的P标签的时候,内层元素的click事件触发,同时外层DIV的click事件也会触发。

JQuery 提供了三种方式来阻止事件冒泡。

方式一:event.stopPropagation();

方式二:event.preventDefault();

方式三:return false;

区别:event.stopPropagation() 只阻止事件往上冒泡,不阻止事件本身。event.preventDefault()则只阻止事件本身,不阻止事件往上冒泡。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan