Javascript 仅在 ios 上引发类型错误

Question

我有一个奇怪的问题，我敢打赌这只是某个地方的一个非常愚蠢的错误，但我就是想不通，我的代码出了什么问题..

我有一个网站，可以在每个常见操作系统上的每个（常见）浏览器上完美运行。 在此页面上，我有一个搜索栏，它在计算机上也可以正常工作。此栏还有一个 jquery keyup 事件，用于开始搜索。 此事件不会在 ios 上触发（第一个问题）。所以我添加了一个按钮作为解决方法。但这也不适用于ios。 如果它可以正常工作，它应该调用一个 JS 方法，该方法只将用户重定向到 search.php 页面，同时附加一个 GET 变量调用查询。我在电脑上加载了页面，错误控制台显示：

TypeError: is not a function (evalating 'search()')

它似乎没有加载这个方法。不管什么原因。所有其他 JS 方法都可以正常工作。只是这个拒绝工作。

搜索栏：

<input placeholder="Search" id="searchbar">

链接如下：

<a href="#" id="searchbutton" onclick="search();">start search</a>

JS 方法如下所示：

var text = document.getElementById('searchbar').value;
window.location.href="./search.php?q="+text;

有什么想法吗？

Answer 1

似乎全局变量 search 被 iOS 保留。尝试使用其他名称，例如mySearch，然后就可以了。

顺便说一句，您可以考虑使用命名空间或范围以避免与库或系统冲突。

示例：

(function() {
    function search() {
       alert('test');
    }
    document.getElementById('searchbutton').onclick = search;
})();

或者如果你坚持直接在元素中使用onclick。

<a href="#" id="searchbutton" onclick="MyNamespace.search();">start search</a>

<script>
var MyNamespace = (function() {
    function search() {
       alert('test');
    }
    return {
        search: search
    };
})();
</script>