Question

当我点击 signin.xhtml 上的commandButton时，我想运行一个javascript函数，但是当我点击它时，会发生重定向到 dev.xhtml 。我不想要这个重定向，我想留在 signin.xhtml 。实际上它并不是真正的重定向，因为它与 index.xhtml 页面相同，但延迟加载。

这是我的 signin.xhtml ：

中的commandButton

<h:form id="formSignInPartner" enctype="multipart/form-data">
  <p:commandButton value="Géolocaliser mon commerce" onclick="getLocation()"/> 
</h:form>

index.xhtml ：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:pm="http://primefaces.org/mobile"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
     <f:view renderKitId="PRIMEFACES_MOBILE" />
     <h:head>
        <script type="text/javascript" src="../javascript/geolocalisationPartner.js"></script>
     </h:head>
     <h:body>
        <pm:page id="dev" lazy ="false">
            <ui:include src="trash/dev.xhtml"/>
        </pm:page>
        <pm:page id="partnerSignIn" lazy="true">
            <ui:include src="/Partner/signIn.xhtml"/>
        </pm:page>
      </h:body>
    </html>

脚本 geolocalisationPartner.js ，但我不认为这是问题

var options = {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
};
function error(msg) {
    alert('Geolocalisation échouée :\n' + msg);
}
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, error, options);
    } else {
        alert('Votre navigateur\nne supporte pas\nla geolocalisation');
     }
}

function showPosition(position) {
    var long = position.coords.longitude;
    var lat = position.coords.latitude;
    $(PrimeFaces.escapeClientId('partnerSignIn:formSignInPartner:idlongitude')).val(long);
    $(PrimeFaces.escapeClientId('partnerSignIn:formSignInPartner:idlatitude')).val(lat);
    alert('Geolocalisation réussie !');

}

Answer 1

您可以使用event.preventDefault

<强>脚本

function getLocation(e) {
    e.preventDefault()
    // your code here
}

<强> XHTML

<p:commandButton value="Géolocaliser mon commerce" onclick="getLocation(e)"/>

Answer 2

如果您不希望链接，则需要cancel 该事件。

function getLocation(evt) {
     evt.preventDefault();
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, error, options);
    } else {
        alert('Votre navigateur\nne supporte pas\nla geolocalisation');
     }
}

更新你的html：

<p:commandButton value="Géolocaliser mon commerce" onclick="getLocation(evt)"/>

Answer 3

我发现了问题。在javascrip控制台中，我看到我的脚本文件未找到，路径错误。

onclick重定向和延迟加载

3 个答案: