1回答
我正在尝试使用mousemove更改幻灯片的图像。但是它不能正常工作。它只会在第一次正确工作，然后即使鼠标没有被点击，它也会假定鼠标被点击了。您可以在此处查看演示
以下是mousemove的代码
var clicking = false;
var pageX = 0;
$('#movieShow').mousedown(function(e){
clicking = true;
pageX = e.pageX;
});
$(
浏览 3提问于2010-08-17得票数 0
回答已采纳
我正在编写一个模拟dragAndDrop操作的JS方法。这是为了测试一个插件，基本上是一个滑块。除了IE9之外，模拟动作在我想要测试的每个浏览器中都能工作。
这就是方法
function dragandDrop(id, className, clientX, clientY, distance){
var mousedown = document.createEvent("MouseEvent"),
mouseup = document.createEvent("MouseEvent"),
elem = do
浏览 2提问于2014-01-08得票数 0
回答已采纳
1回答
我有一个事件来检测鼠标或触摸，并使用setTimeout将该事件发送到另一个函数。
我没有问题，检测鼠标或触摸事件，我不能做的是发送触摸事件的功能。
$(divst + ' #sortable1').on('touchstart mousedown',function(e){
e.preventDefault();
setTimeout(function(){
StarTrans(e); // <- sending event
},200);
});
function Star
浏览 0提问于2017-08-11得票数 0
回答已采纳
我想知道有没有办法缩短下面的代码。我已经展示了前5个if语句。当我完成的时候，我总共会有10个。
编辑:忘记MOUSEMOVE部件
$("#bar").mousemove(function(e){
var vb = $(this);
if(e.pageX <=467 && e.pageX > 457){
vb.attr("src","images2/vb10.png");
vol =10;
}
if(
浏览 0提问于2012-01-05得票数 0
回答已采纳
2回答
我在做一个处理函数
下面是演示：
这是我的问题
蓝色div的宽度为0，当单击pageX时，我使用pageX给它一个宽度
但是，我希望蓝色div的宽度跟随pageX的变化，而不是只改变一次。
我的目标是使一个可拖的处理程序可以将红色div转换为蓝色div。
以下是代码：
$( "#line" ).draggable({
containment: "#red";
});
$( document ).on( "mousemove", function( event ) {
$( "#line" ).text( "
浏览 1提问于2014-12-10得票数 0
回答已采纳
我需要做一个.htaccess 301重定向，以获得下一个结果。
原始URL
example.com/en/pageX.html
example.com/fr/pageX.html
最终URL
example.com/en/pageX.html
example.com/fr/pageX.html
同时：
原始URL
example.com/en/X/pageX.html
example.com/fr/X/pageX.html
最终URL
example.com/en/pageX.html
example.com/fr/pageX.html
同时：
原始URL
example.com/en/X/
浏览 5提问于2017-12-23得票数 0
回答已采纳
我想在触发touchend事件时获得touchstart.pageX的值，但我没有得到确切的值。它给了我touchend事件的pageX值。我做错了什么？
(function($){
$.fn.extend({
//pass the options variable to the function
swipeTest: function(options) {
var touchStart;
var options = $.extend(defaults, options);
浏览 0提问于2011-12-14得票数 3
回答已采纳
我对触地移动事件有意见。当用户触摸显示(touchstart)时，应该执行touchmove事件处理程序和game()，如果用户离开屏幕，则应该停止所有操作。但是，collisiondetection间隔的if条件不能正常工作，因为e.pageX和e.pageY总是具有touchstart的坐标，并且当用户在屏幕上移动手指(触摸移动)时不会更新它们的值。我怎样才能解决这个问题？
$("body").on({
'touchstart mousedown': function (e) {
$(this).on('touchmove m
浏览 3提问于2016-04-05得票数 2
回答已采纳
2回答
当光标位于红十字(元素的绝对中间)时，我试图将左上角所示的坐标设置为0%和0%。左转会使X轴变成负值。当我上去的时候，Y轴也是一样。向右/底部应该包含正值。
正如你在图像中看到的，坐标现在是50%和50%。可以找到这个代码片段的代码片段@ 。
let pageY = e.pageY - this.offsetTop;
let pageX = e.pageX - this.offsetLeft;
let percY = ((pageY / elHeight) * 100);
let percX = ((pageX / elWidth) * 100);
我相信我计算百分比的公式是不正确的，但我似乎
浏览 1提问于2017-04-25得票数 0
回答已采纳
1回答
我一直在试验这个可绘制的div函数，而且我在隔离它时遇到了困难，所以只有单击“绘制”按钮时才调用它，单击“开始”按钮时才会被禁用。
这是我的JQuery/Javascript。
$(document).ready(function() {
var drawable = false;
$('.div-tool').click(function() {
drawable = true;
});
$('.select-tool').click(function() {
drawable = false;
});
func
浏览 1提问于2014-01-22得票数 2
回答已采纳
我正在使用jQuery创建一个相当简单的滑块。为此，我使用mousedown、mousemove和mouseup事件。
var pageX;
$handle.bind('mousedown',function(a){
pageX = a.pageX;
$handle.bind('mousemove',function(e){
e.preventDefault();
var delta = pageX - e.pageX;
pageX = e.pageX;
var left = $h
浏览 1提问于2012-10-10得票数 1
当我试图获得相对于屏幕大小的元素的位置时，本机。我在OnLayout中使用度量衡。我想知道的是，返回的位置pageX是基于元素的中心还是元素顶部的位置。
<View
onLayout={(event) => {
event.target.measure((x, y, width, height, pageX, pageY) => {
console.log(pageX) // Eg. 320
console.log(pageY) // Eg. 100
})
}}>
<Text>lorem ipsum</Text>
</Vie
浏览 5提问于2022-10-28得票数 1
回答已采纳
我有一个javascript对象，特别是一个MouseEvent对象：
$('#my_container').bind('mousemove', function(e) {
if (someCondition) {
e.pageX = calcNewPageX
}
}});
我需要更改这个对象的pageX属性，但是它是只读的，所以我在控制台中得到了这个错误：
Uncaught :不能设置只有getter的属性pageX
因此，我尝试将其复制到一个新对象中，并使用jQuery的扩展来更改pageX属性，如下所示：
v
浏览 1提问于2016-01-21得票数 1
回答已采纳
我有这个代码来得到鼠标的位置。我想知道是否有实际需要：
if (event.pageX != null)
是否有event.pageX是null的情况？
我还需要event || window.event;吗？
function handleMouseMove(event) {
event = event || window.event;
if (event.pageX != null) {
key = event.pageX * event.pageY;
};
}
如果我像这样重写代码呢？
function handleMouseMove(even
浏览 0提问于2018-06-26得票数 0
回答已采纳
我有以下urls
from django.urls import path
from . import views
urlpatterns = [
path('', views.index, name='index'),
path('landing', views.landing, name='landing'),
path('json', views.json, name='json'),
path('bootstrap', views.boots
浏览 6提问于2022-07-27得票数 0
我使用JS脚本根据鼠标位置更改div背景颜色。
$(document).mousemove(function(e){
var $width = ($(document).width())/(252 - 23);
var $height = ($(document).height())/(253 - 2);
var $pageX = 253 - parseInt(e.pageX / $width,10);
var $pageY = 200 - parseInt(e.pageY / $height,10) + 2;
$("body")
浏览 1提问于2014-02-07得票数 0
1回答
我正在尝试使用javascript和css属性transform和transform-origin旋转一个容器，其想法是围绕特定的坐标旋转它(例如，两个手指之间的一个收缩手势中心)，我现在正在使用这个简单的代码(附加了代码片段)来旋转容器，并使用onclick事件来捕获锚点。只要您不将光标移动到容器上的不同位置而继续单击，它就可以正常工作。一旦容器被旋转，当你改变点击位置时就会有一个问题，预期的行为是跟踪变换并开始为新的点旋转，然而现在容器正在做一个奇怪的跳跃。我认为需要将一些x，y平移添加到容器中，但我可以确定添加到容器中的正确因子是什么。
我不确定我是否已经很好地说明了预期的行为，以确保这
浏览 3提问于2016-05-14得票数 2
有人能帮我解决这个小问题吗。如果单击，我正在尝试更改页码的类别。但是我正在尝试使用动态php ID调用js函数。下面的代码应该会向你展示我的意思，基本上这个函数会改变所选数字的类。
echo"
<div class='pagebuttonsdiv'>";
for ( $x =0 ; $x < $pagesnum ; $x++ ) {
$pagex=$x+1;
if ($pagex<1) {$pagex==1;}
if ($pagex>$pagesnum) {$
浏览 0提问于2017-11-02得票数 2
1回答
我正在使用一个简单的脚本，当点击并拖动或滑动4px时，一系列的div要么可见，要么不可见，以创建图像旋转效果。现在有趣的是，当我做一个完整的旋转时，系列中的第一个div不再可见，它只是跳过它。现在这真的不重要了，因为最后一个div和第一个div是同一个图像，我只是好奇它为什么这样做。这是轮换的脚本。
<script>
jQuery(document).ready(function ($) {
var $product = $('#product'),
$imgs = $product.find(".child"),
浏览 2提问于2013-02-25得票数 0
回答已采纳
3回答
我知道如何以经典的方式在jQuery中使用事件，例如：
$("#moveArea").mousemove(function(event){
$("#info").empty().append("pageX is: "+event.pageX);
});
演示：
我的问题是如何在我已经创建的函数中传递事件。我需要下面这样的东西，但我不知道如何实现
function cursorPos(event) {
$("#info").empty().append("pageX is: "+event.pageX);
浏览 0提问于2011-08-11得票数 3
回答已采纳
1回答
产品查看器中未链接的热点
、、、
因此，使用一个用于360图像旋转的脚本，我设置了一个标记来充当热点，并在jquery移动文档中指向不同的页面。所有东西都可以在桌面上使用，但当我在ipad上测试页面时，所有的链接都不能在任何地方使用。这是轮换的脚本。
<script>
jQuery(document).ready(function ($) {
var $product = $('#product'),
$imgs = $product.find(".child"),
imageTotal = $imgs.length - 1,
浏览 0提问于2013-02-26得票数 0
1回答
这是我用来制作范围滑块的函数：
function rangeSlider(id, onDrag) {
var range = document.getElementById(id),
dragger = range.children[0],
draggerWidth = 20, // width of your dragger
down = false,
rangeWidth, rangeLeft;
dragger.style.width = draggerWidth + 'px';
d
浏览 1提问于2017-03-31得票数 1
回答已采纳
1回答
我想将一个div滑动到另一个div中，如所示，但我的div是浮动类型的。我如何用带有“”文本的白色方框来滑动包含它的黑色div，来再现相同的效果呢？我的javascript代码是
$(document).ready(function () {
$('#container').mousemove(function (e) {
var x = e.pageX - this.offsetLeft;
$("#recent").text(x + " , " + e.pageX + " , " + $(
浏览 2提问于2013-11-20得票数 2
2回答
我有一个小的javascript函数，我试图让它在页面通过JQM ajax load加载后运行。现在我已经看到其他的帖子在讨论这个问题，但是还没能解决我的问题。我最初在加载索引时加载了脚本，以为在DOM更改后它会留在head中，但它仍然什么也不做。这是脚本。
$(function(){
var $product = $('#product'),
$imgs = $product.find(".child"),
imageTotal = $imgs.length - 1,
clicked = false,
浏览 11提问于2013-03-27得票数 0
回答已采纳
所以我有一些javascript，当一个人点击并拖拽他们的手指(在移动设备上)，并在一系列图像之间循环，以创建360图像旋转效果。这是代码。
$(document).ready(function ($) {
var $product = $('#product'),
$imgs = $product.find(".child"),
imageTotal = $imgs.length - 1,
clicked = false,
widthStep = 20,
currP
浏览 0提问于2013-05-17得票数 0
回答已采纳
1回答
我在绝对位置有3个按钮：
.micro {
position:absolute;
}
#micro_1 {
left:1165px;
top:176px;
}
#micro_2 {
left:800px;
top:300px;
}
#micro_3 {
left:300px;
top:400px;
}
我想要淡出这3个元素，当鼠标移动并靠近其中一个图像时。如果鼠标靠近图像1，则图像1正在淡入。图像2和图像3正在淡出。诸若此类。
我可以使用jQuery来知道鼠标的位置：
$('body').mousemove(function(e){
$('#mouse_p
浏览 2提问于2013-01-24得票数 1
回答已采纳
我使用这段代码显示一个弹出窗口，用于phpBB中的一个由mouseover事件触发的迷你配置文件。
<style type="text/css">
.popUpProfile
{
position: absolute;
z-index: 3;
left: 100px;
top: 200px;
font-size: 14px;
background-color: #DCEBFE;
margin: 0 10px;
padding: 5px;
width: 450px;
border: solid 2px red;
border-ra
浏览 0提问于2015-05-08得票数 1
回答已采纳
在mousemove事件中：
$(document).on('mousemove', function( e ){
console.log( e.pageX );
console.log( e.pageY );
});
如您所见，我们可以使用pageX和pageY获得鼠标位置的x和y协调。但是，我想要的是在mousemove上触发我的自定义事件，并希望在我的自定义事件中获得这些pageX和pageY值。更清楚的是，我想做的是：
$(document).on('mousemove', function(){
$(document).trig
浏览 2提问于2014-11-06得票数 0
回答已采纳
我正在尝试使用jQuery获取touchstart事件的X位置，与live函数一起使用？
也就是说。
$('#box').live('touchstart', function(e) { var xPos = e.PageX; } );
现在，这确实适用于'click‘作为事件。我到底如何(不使用alpha jQuery手机)通过触摸事件获得它？
有什么想法吗？
谢谢你的帮助。
浏览 55提问于2011-01-24得票数 109
回答已采纳
1回答
问题很简单：
$('#btn1').click(function(event){
alert(
"pageX: " + event.pageX +
"\npageY: " + event.pageY
);
});
$('#btn2').mouseout(function(e){
$('#btn1').trigger('click');
});
第二个按钮用于警告未定义的变量。有没有办法在传递鼠标位置时触发单击事件？
这是一个。
浏览 4提问于2012-08-16得票数 3
回答已采纳
1回答
我有一个网络应用程序，我在其中安装了一个npm软件包。现在我注意到我需要添加代码来定制它。我试着转到node_modules，找到了包，并编辑了它，但是更改没有显示出来。有办法吗？此外，为了避免丢失对包所做的更改，我从GitHub中分叉了包。
--更新--我有一个名为Reacti-Image-裁剪的aa包，相对路径是node_modules/react-image-crop.每次调用以下函数时，我都希望记录位置的X和Y：
let pageX;
let pageY;
if (e.touches) {
pageX = e.touches[0].pageX;
pageY
浏览 3提问于2020-06-15得票数 0
回答已采纳
我已经编写了几行jQuery代码，用于根据鼠标移动将div动画化为左/右
$(".galleryNav").mousemove(function(e){
$("#status").html(e.pageX +', '+e.pageY);
if(e.pageX > 1100 && e.pageX < 1170){
$(".galleryNav").animate({marginLeft:"-60px"},{queue: false, duration: 450});
浏览 1提问于2010-09-16得票数 0
回答已采纳
试试下面的代码片段：
window.ondragend = function(event){
console.log(event.pageX)
}
window.onmouseup = function(event){
console.log(event.pageX)
}
单击页面上的某个位置，然后将一个元素拖到同一位置。在最大化窗口中，两者(至少在Windows上的Chrome中) pageX‘是相同的。如果最小化要填充的窗口，例如屏幕的右半部分，ondragend将报告一个不同的pageX值。
为什么会发生这种行为？
如何从ondragend中获得正确的pageX值
浏览 0提问于2016-05-04得票数 0
回答已采纳
我刚刚创建了#element和#box，用于检测它是否在视口之外。如果是这样的话，它应该位于光标上方，但这是我的问题。当#box不在视野之外时，它就会一遍又一遍地闪烁，开始表现得很奇怪。希望你们能帮我。干杯。
var box = $("#box");
var element = $("#element");
var PAGEX;
var PAGEY;
var elementTop;
var elementBottom;
var windowHeight;
element.bind({
mousemove: function (e) {
box.show();
浏览 0提问于2018-05-05得票数 0
回答已采纳
我想将它更改为setInterval，但我不知道如何在保持对e.pageX、e.pageY、elem等的访问时做到这一点。如何将其更改为setInterval (或者jquery中是否有一个事件与setInterval相同，但它是一个事件)？
$(function(){
$(document).on( "mousemove", MouseMove );
var cachedElems = $( '.tracker' );
function MouseMove(e){
var pageX = e.pageX,
pageY = e.p
浏览 2提问于2014-12-12得票数 0
回答已采纳
1回答
我有一个项目列表，我需要通过拖动选择选择多个项目。我被试着去实现它。我的代码不能正常工作。
var dragging=false,rbt,rbl;
$(".itemlist").bind({"mousedown":handleMouseDown,
"mousemove":handleMouseMove,
"mouseup":handleMouseUp,});
function handleMouseDown(e){
var rubb
浏览 1提问于2012-12-14得票数 1
回答已采纳
这是我的代码，ev.pageX事件不工作。我不明白为什么会这样。但是，它使用的是click事件。这里使用的事件是按键事件，我正在寻找ev.pageX的值，这样我就可以在文本框中格式化css绝对参数。
需要帮助！
<head>
<style>
textarea{
width:300px;
height:300px;
}
.popup{
position:absolute;
border:1px solid gray;
}
</style>
<script src="htt
浏览 12提问于2016-08-02得票数 0
3回答
但是，我需要创建一个方向感知的悬停效果，但坚持正确的计算。(是计算问题还是错误的标记？)
以下是到目前为止的：
向左和向右箭头按预期工作，但向上和向下方向键失败。你知道我做错了什么吗？
$("#circle").on('mousemove', function(e) {
var elem = $(this),
arrowT = $('.arrow.top'),
arrowR = $('.arrow.right'),
arrowB = $('.arrow.bottom&
浏览 5提问于2012-12-28得票数 1
回答已采纳
我有一种奇怪的行为，在任何元素上悬停时，event.pageX & event.pageY在侦听over时都不会刷新其值。它似乎“卡住”，直到您mouseleave这个元素，并再次鼠标对这一个。复杂的理解，容易看到下面的例子。
下面的代码在mouseover上显示event.pageX & event.pageY值，如果您将svgs元素悬停，如果您将div向下悬停在下面。(如果您运行嵌入式代码段，请单击右侧的“完整页”按钮!)
问题是，如果你穿过绿色的圆圈，它会显示某些值。然后，如果你在这个圆圈里移动，值就不会刷新。您将需要从一个元素转到另一个元素，以看到值的增加/减少。div
浏览 4提问于2016-12-22得票数 3
回答已采纳
1回答
检测鼠标实际方向
、、、
我的目标是在mouseup事件触发之前检测最后一次鼠标移动的方向。 为了避免验证小的非自愿移动(例如:我用鼠标向右移动100px，然后我停止，但不由自主地向左移动2px )，我只会在鼠标指针与其反向的最后一点之间达到最小安全距离(间隙)后才确认方向。 下面是我的实现的一个简化： var direction = "",
oldx = 0,
invert = 0,
gap = 10,
move = "",
mousemovemethod = function (e) {
if (e.pageX < oldx) {
if(direct
浏览 17提问于2019-01-04得票数 0
回答已采纳
我正在处理这个图表：
但我注意到，使用移动设备(手机或平板电脑)是不可能移动(思想)排行榜的。
我还使用了这个：
tooltip: {
followTouchMove: true
}
也许在所有手机上都是不可能的，或者我的iPhone (Safari)不支持这个选项？
浏览 2提问于2015-04-29得票数 1
2回答
当您使用回收器来定义一个变量时，这意味着什么？
mouse.x = e.clientX || e.pageX;
接线员是用来干什么的？
浏览 3提问于2015-04-04得票数 1
回答已采纳
我用d3制作了一个基本的甜甜圈图，并给这个甜甜圈添加了一个工具提示。
问题:当我在甜甜圈的左边盘旋时，工具提示会出现在外面。
但是当我在甜甜圈的左边盘旋时，工具提示就会出现在甜甜圈的内部。
如何将工具提示始终保存在外面？
浏览 0提问于2019-04-01得票数 0
回答已采纳
我需要能够检查html页面中各种元素的位置。为此，我想要一个div，它将鼠标坐标显示为靠近鼠标光标的弹出窗口。
浏览 4提问于2014-05-20得票数 1
回答已采纳
2回答
我做错了什么？当我尝试使用它时，它会吐出错误：
无法读取未定义的属性“pageX”。
这里的目标是运行一次检查，看看鼠标光标是否被传递到某个x位置。
$( document ).on( "mousemove", function( event ) {
$( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );
});
var x = event.pageX;
if (x > 1200)
{
window.alert(
浏览 0提问于2018-09-10得票数 0
回答已采纳
下面是我的代码：
$(document).mousemove(function(e){
var $width = ($(document).width())/255;
var $height = ($(document).height())/255;
var $pageX = e.pageX / $width;
var $pageY = e.pageY / $height;
$("body").css("background-color", "rgb("+$pageX+","+$pageY+
浏览 3提问于2013-03-20得票数 5
回答已采纳
<div id="sampleDiv"></div>
var elObj = jQuery("#sampleDiv");
var elObj = jQuery("#sampleDiv");
function methodToExecute(event) {
alert(event.touches[0].pageX);
}
elObj.bind('touchmove', function () {
methodToExecu
浏览 1提问于2014-02-27得票数 0
1回答
我试图获得一个对单元格的引用，它看起来是空的。如果我正确理解它，我应该能够引用变量。对，是这样?
$('td[someAttr]').mouseenter(function(cell) {
var timeoutId = setTimeout(function() {
// what should variable cell be?
}, 1000);
});
或
$('td[someAttr]').mouseenter(function(cell) {
var timeoutId = setTimeout(functi
浏览 3提问于2009-06-25得票数 0
回答已采纳
使用mousemove事件，我希望从页面的右侧获取pageX。
$(document).on('mousemove', function(event){
if(event.pageX < 40){
openSidebar();
} else if(event.pageX > 310) {
closeSidebar();
}
});
浏览 7提问于2016-03-26得票数 0
回答已采纳
我正在尝试制作我自己的小地图，到目前为止，我在画布上做了一些工作，唯一的问题是，当我拖动地图时，它被限制在鼠标在画布上移动的距离，我需要能够点击和拖动，并使X，Y继续从鼠标当前所在的位置，它当前设置的X，Y只是鼠标移动，希望我说得很清楚，这里有一个小提琴来理解我的意思：
以及我的代码，用于处理拖动时的图像移动：
can.onmousemove = function(e) {
if (map.moving) {
console.log(e.pageX + ' ' + e.pageY);
map.posX = e.pageX;
浏览 3提问于2013-04-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
