Question

这是我的完整代码，但即使“mousedown”事件被触发，光标也不会改变。释放鼠标按钮后，触发“mouseup”，光标正在变化。

我该如何解决这个问题？

$('#testing').on('mousedown', function(e) {
  e.preventDefault();
  $(this).css('cursor', 'pointer');
}).on('mouseup', function() {
  $(this).css('cursor', 'crosshair');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="testing" style="width: 100px; height: 200px; background: red"></div>

Answer 1

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $('#testing').on('mousedown',function(e){
            e.preventDefault();
            $(this).css('cursor','pointer');
        }).on('mouseup',function(){
            $(this).css('cursor','crosshair');
        });
    });
    </script>
</head>
<body>
    <div id="testing" style="width:100px;height:200px;background:red"></div>
</body>

上面的代码工作正常。

jquery mousedown事件无效

1 个答案: