Question

我用HTML编写了这段代码：

<div id="choice" onHover="npcRoll()">
    <p>Choose your weapon!</p>
    <button id="rock" onClick="choose(1)">Rock</button>
    <button id="paper" onClick="choose(2)">Paper</button>
    <button id="scissors" onClick="choose(3)">Scissors</button>
    <p>You chose <span id="userChoice"></span>!</p>
</div>

这是我的JavaScript代码：

// Random
var random = function(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
};  

// NPC
var npc;
function npcRoll(){
    npc = random(1, 3);
}

这是CSS代码：

#choice {
    margin: 0 auto;
    border: 2px solid gray;
    width: 350px;
}

这个想法是每次用户将鼠标悬停在<div>上时生成滚动NPC编号，但它不起作用。你能帮帮我吗？

Answer 1

没有onHover事件，请使用onmouseover：

<div id="choice" onmouseover="npcRoll()">

Answer 2

如果是PC，没有onHover事件，请使用onmouseover。

但在移动设备中，有一些hover事件。例如：

public class HoverDemoActivity extends Activity {  
    private Button btnBottom;  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
        btnBottom = (Button) findViewById(R.id.btn_bottom);  
        btnBottom.setOnHoverListener(new OnHoverListener() {  
            @Override  
            public boolean onHover(View v, MotionEvent event) {  
                int what = event.getAction();  
                switch(what){  
                 case MotionEvent.ACTION_HOVER_ENTER:  //鼠标进入view  
                     System.out.println("bottom ACTION_HOVER_ENTER");  
                     break;  
                 case MotionEvent.ACTION_HOVER_MOVE:  //鼠标在view上  
                     System.out.println("bottom ACTION_HOVER_MOVE");  
                     break;  
                 case MotionEvent.ACTION_HOVER_EXIT:  //鼠标离开view  
                     System.out.println("bottom ACTION_HOVER_EXIT");  
                     break;  
                }  
                return false;  
            }  
        });  
    }  
}

JavaScript函数onhover在<div> </div>中

2 个答案: