0
寫了例如處理程序mouseenter/mouseleave
中的反應,並令我驚訝的是e.target返回子元素。爲什麼要在mouseenter/mouseleave中工作?
在js上創建了example,那裏的一切都完美的工作,只有父母。 這個處理程序不必與子元素一起工作,也不會冒泡,爲什麼它會發生?
元器件代碼
class MovieItem extends Component {
constructor(props) {
super(props);
this.state = {
popup: false
};
}
outItem = (e) => {
e.stopPropagation()
console.log(e.target)
e.target.style.opacity = 0
// this.setState({
// popup: true
// });
};
leaveItem = (e) => {
e.stopPropagation()
console.log(e.target)
e.target.style.opacity = 1
this.setState({
popup: false
});
};
render() {
return (<
div className = "movie-item"
id = {
this.props.id
}
onMouseEnter = {
(e) => this.outItem(e)
}
onMouseLeave = {
(e) => this.leaveItem(e)
} >
<
div className = "movie-item__data" >
<
div className = "movie-item__poster" >
<
img src = "http://lorempixel.com/140/205/"
alt = ""/>
<
/div> <
div className = "movie-item__title" > title < /div>
<
/div> <
/div>
);
}
謝謝,你知道它是如何停止? – Drop