如果想去给这些并不是由你控制动态生成出来的元素绑定事件应该是不可能的。
但是可以给顶层的document绑定事件来判断点击的是哪个元素。
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<meta >
HTML5 DOM 选择器
// querySelector() 返回匹配到的第一个元素var item = documentquerySelector('item');consolelog(item);// querySelectorAll() 返回匹配到的所有元素，是一个nodeList集合var items = documentquerySelectorAll('item');consolelog(items[0]);1234567
阻止默认行为
// 原生jsdocumentgetElementById('btn')addEventListener('click', function (event) { event = event || windowevent； if (eventpreventDefault){ // w3c方法 阻止默认行为
eventpreventDefault();
} else{ // ie 阻止默认行为
eventreturnValue = false;
}
}, false);// jQuery$('#btn')on('click', function (event) { eventpreventDefault();
});1234567891011121314151617
阻止冒泡
// 原生jsdocumentgetElementById('btn')addEventListener('click', function (event) { event = event || windowevent； if (eventstopPropagation){ // w3c方法 阻止冒泡
eventstopPropagation();
} else{ // ie 阻止冒泡
eventcancelBubble = true;
}
}, false);// jQuery$('#btn')on('click', function (event) { eventstopPropagation();
});1234567891011121314151617
鼠标滚轮事件
$('#content')on("mousewheel DOMMouseScroll", function (event) {
// chrome & ie || // firefox
var delta = (eventoriginalEventwheelDelta && (eventoriginalEventwheelDelta > 0 1 : -1)) || (eventoriginalEventdetail && (eventoriginalEventdetail > 0 -1 : 1));
if (delta > 0) {
// 向上滚动
consolelog('mousewheel top');
} else if (delta < 0) { // 向下滚动
consolelog('mousewheel bottom');
}
});123456789101112
检测浏览器是否支持svg
function isSupportSVG() {
var SVG_NS = '>
以上就是关于Chrome扩展如何获取JS动态生成的网页元素全部的内容，包括:Chrome扩展如何获取JS动态生成的网页元素、webdeviceagent无法获得webview内容ios、前端开发中常用到的js特效有哪些等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）