другое значение e.target в браузерах

Вы должны знать, что каждый браузер имеет свою собственную реализацию спецификации из JavaScript, здесь у меня есть другой результат вашего кода для вас, даже в Internet Explorer и Google Chrone существует разница:

IE 11:

Google Chrome:

Для получения дополнительной информации о спецификациях ECMA см.: http://www.ecma-international.org/publications/standards/Ecma-262.htm

event.target не отличается в браузерах.

event.target — это ссылка на объект, отправивший событие. поскольку вы прикрепляетесь к кнопке, она также прикрепляется к элементу span. поэтому, когда вы нажимаете на span, он показывает узел span, а на кнопке показывает кнопку, которая правильная, но это поведение более очевидно в Chrome, но не в Mozilla.

Если вы просто хотите прикрепить событие к элементу кнопки. вы можете рассмотреть следующие действия

Если вы хотите, чтобы кнопка отображалась как на кнопке, так и на клике диапазона, вы можете рассмотреть возможность использования здесь currentTarget.

currentTarget всегда ссылается на элемент, к которому привязан обработчик события.

Думаю, здесь это может быть полезно.

проверьте этот фрагмент

document.querySelector("button").addEventListener("click", function(e) {
		console.log(e.currentTarget.nodeName);
});

button {
  border: 1px solid;
  background: 0;
  padding:10px;
}
span {
  width: 100px;
  height: 100px;
  background-color: red;
}

<div id="id-div">
  <button type="button">
    <span>Sometext</span>
  </button>
</div>