左右按钮绑定事件，没有反应

你好，元素获取到了，我打印后获得：

slider/index.js中的代码

import './slider.css';

import './btn.css';

// import Slider from './module/index.js'省略如下 

import Slider from './module'

// 最后实例化这个子类

const slider = new Slider(document.querySelector('.slider'), {

    initialIndex: 2,

    animation: true,

    speed: 300,

    autoplay: 0

});

const leftbtnEl = document.getElementById('left_btn');

const rightbtnEl = document.getElementById('right_btn');

leftbtnEl.addEventListener('click', () => {

    slider.prev();

    alert('123');

}, true);

leftbtnEl.onclick = function () {

    console.log('123');

}

rightbtnEl.addEventListener('click', () => {

    slider.next();

    console.log('123')

}, false);

console.log(leftbtnEl, rightbtnEl);

btn.art中的代码

<div class="btns">

    <!-- 做左右两个按钮，用css精灵 -->

    <a href="javascript:;" id="left_btn" class="left-btn"></a>  

    <!-- href="javascript:;就不会刷新页面了" -->

    <a href="javascript:;" id="right_btn" class="right-btn"></a>

</div>

并且我的键盘事件是可以触发的，也就是我按左右键盘按钮是可以切换图片的，就是鼠标事件，无论用 addEventListener还是直接用onclick都不行，冒泡我改成true和false也都不行，并且我把左右btn的z-index调到最高也不行。这些我都尝试过。

谢谢老师了，我已解决问题了~~~！

亲请问咋解决的，我也遇到了同样的问题，求指教