阻止了JavaScript的onclick页面跳“ [英] Stop javascript onclick 'page jumping'

问题描述

似乎无法prevent跳转到页面顶部的行为。

我已经试过了这里的一切建议<一href="http://stackoverflow.com/questions/1631924/$p$pventing-onclick-page-jumps">http://stackoverflow.com/questions/1631924/$p$pventing-onclick-page-jumps

还有什么可以做停止的onclick页面跳转？

感谢。

下面是HTML和JS

的一个片段

  HTML：

＆LT; A HREF =JavaScript的：返回NULL;的onclick =JavaScript的：getPosts（页面= 1安培，显示=所有）;返回false;＆GT;人人＆LT; / A＆GT;


JS：

功能getPosts（QRY）{
    VAR翻动书页='posts.php？ + QRY;
    myReq.open（GET，翻动书页，真正的）;
    myReq.onreadystatechange = theHTT presponse;
    myReq.send（空）;
}

功能theHTT presponse（）{
    如果（myReq.readyState == 4）{
    如果（myReq.status == 200）{
    VAR响应= myReq.responseText;
    的document.getElementById（'帖子'）的innerHTML =响应。
    }
    } 其他 {
    的document.getElementById（'帖子'）的innerHTML ='＆LT; IMG SRC =图像/ AJAX-loader.gif/＆GT;。
    }
}
 

解决方案

据我所知，这些事件已经JS的话，你不需要把的onclick =JavaScript的：...... 。试试这个：

 ＆LT; A HREF =JavaScript的：返回NULL;的onclick ='getPosts（页面= 1安培，显示=所有）;返回false;＆GT;人人＆LT; / A＆GT;
 

Can't seem to prevent the jump to top of page behavior.

I've tried everything suggested here http://stackoverflow.com/questions/1631924/preventing-onclick-page-jumps

What else could be done to stop onclick page jumps?

Thanks.

Here's a snippet of the HTML and JS

HTML:

<a href="javascript: return null;" onclick='javascript:getPosts("page=1&display=all"); return false;'>Everyone</a>


JS:

function getPosts(qry) {
    var thePage = 'posts.php?' + qry;
    myReq.open("GET", thePage, true);
    myReq.onreadystatechange = theHTTPResponse;
    myReq.send(null);
}

function theHTTPResponse() {
    if (myReq.readyState == 4) {
    	if(myReq.status == 200){
    		var response = myReq.responseText;
    		document.getElementById('posts').innerHTML = response;
    	}
    } else {
    	document.getElementById('posts').innerHTML = '<img src="images/ajax-loader.gif" />';
    }
}

解决方案

As far as I know, the events are already JS so, you dont need to put onclick="javascript:...". Try this:

<a href="javascript: return null;" onclick='getPosts("page=1&display=all"); return false;'>Everyone</a>

这篇关于阻止了JavaScript的onclick页面跳“的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！