我正在创建一个评分系统来对图像进行评级。我想将onClick和onMouseOver事件应用于我为系统呈现的星星。
onMouseOver:根据鼠标悬停的是哪颗星星,应该在悬停的星星之前填上星星。如果我把容器里的星星放在里面,那么就不会有星星被填满。例如。有了4颗星,如果我在第3颗星上空盘旋,那么就应该填充1-3颗星。如果我不盘旋在任何星星之上,就不应该填满任何星星。
onClick:类似于上面,除了星星将被填充,无论是悬停在或远离星星。例如。点击星号3,星星1-3将被填充.应继续填写,并禁用onMouseOver/onMouseLeave效果。
链接到代码:
Function to rend