我正面临一个非常奇怪的跨浏览器行为,使用javascript调用代码,在不同的浏览器中打开相同的页面( Firefox , Chrome 和 Safari 在我的情况下)。
我尝试编写最简单的代码,以便在下面重现它。挂钩按钮的onclick
事件时,我会将某些内容记录到控制台并向页面添加<p>
元素:
document.getElementById('click').onclick = function() {
console.log('click');
var content = document.getElementById('content');
var p = document.createElement('p');
var t = document.createTextNode('click happened');
p.appendChild(t);
content.appendChild(p);
};
&#13;
<button id="click">click</button>
<div id='content'></button>
&#13;
在同一页面上打开两个或三个浏览器时,会在所有窗口中触发该事件。
我必须准确地使用https://browsersync.io提供代码:
browser-sync start --server --files "*.html, *.css, *.js"
出了什么问题?这是正常行为吗?