onclick 滚动事件 - 语法?

roo*_*sup 5 javascript syntax jquery

试图让它根据它是在页面左侧还是右侧被点击来滚动。似乎不起作用.. 也许我的语法不正确,或者我用来查找页面左侧或右侧的方法是什么?

<body onclick="scrollevent()">

 <script>
 function scrollevent()
 { 
    var y=0;
    var pwidth = $('#slideshow').width();
    var mouseY = ev.clientY;

    if (mouseY<(pwidth/2) {
        $('#slideshow').animate({scrollLeft: "+=400"});
     }
     else{
        $('#slideshow').animate({scrollLeft: "-=400"});
    }
 }
 </script>
Run Code Online (Sandbox Code Playgroud)

und*_*ned 2

您可以使用pageX而不是对象的pageY属性event,请尝试以下操作:

鼠标相对于文档左边缘的位置。

$(document).click(function(e){  // or $(document).on('mousemove', function(e){
   var mp = e.pageX;
   var w = $(window).width() / 2;
   if (mp < w) {
        $('#slideshow').animate({scrollLeft: "+=400"});
   } else {
        $('#slideshow').animate({scrollLeft: "-=400"});
   } 
})
Run Code Online (Sandbox Code Playgroud)

请注意,您的代码中存在语法错误,您错过了)

if (mouseY<(pwidth/2) {
Run Code Online (Sandbox Code Playgroud)

应该:

if ( mouseY < (pwidth/2) ) {
Run Code Online (Sandbox Code Playgroud)