当我使用“javascript: return false;”时出现“SyntaxError: return not in function”在 <a href></a>答案

【问题标题】："SyntaxError: return not in function" when I use "javascript: return false;" in <a href></a>当我使用“javascript: return false;”时出现“SyntaxError: return not in function”在 <a href></a>
【发布时间】：2020-09-02 00:42:59
【问题描述】：

这个问题困扰了我好几个小时，我似乎无法解决它。它以一种形式工作，而不是另一种形式。我的问题是这段代码：

<a href="javascript: return false;" name='btnAddressFind1' id='btnAddressFind1' class="btn ahrefbutton">
    Find Address
</a>
.
.
.
<div id="divAddress1Picker"></div>

一个 React 脚本绑定到这个元素：

if ( document.getElementById('divAddress1Picker') ) {
    if ( document.getElementById('btnAddressFind1') ) {
        document.getElementById('btnAddressFind1').onclick = function(ev) {
            var postcode = document.getElementById('txtAddressPostcode1').value;
            if (postcode) {
                axios.get("http://mydomain/ajax/postcode/lookup?postcode=" + postcode)
                    .then( (response) => {
                        ReactDOM.render(<PostcodeLookup postcode={response.data} field={1} />, document.getElementById('divAddress1Picker') );
                    } )
                    .catch(error => console.log(error));
            }
        }
    }
}

每当我单击 elem btnAddressFind1 时，我都会在浏览器检查器控制台中收到以下错误：

Uncaught SyntaxError: return not in function                                  return false;:1:1

我已经尝试将它添加到函数中：

function myFunc() {
    return false;
}

...当点击<a></a> 时，页面将重新渲染，并带有一行文本'return false;'

以前有人遇到过这种情况吗？任何帮助，将不胜感激。这简直令人沮丧。

【问题讨论】：

标签： javascript html reactjs jsx

【解决方案1】：

试试：<a href='javascript:;' .....></a>

【讨论】：