Javascript jQuery移动文本/搜索更改事件的行为有所不同

我有一个jQuery移动应用程序，它将更改事件绑定到某些文本输入。带有type=“search”的文本输入尤其不会像type“text”文本输入那样在“change”事件中触发。下面是一个片段来解释：

HTML

<div data-role="page" id="p1"> 
    <div  data-role="content">
        <a href="#p2" data-role="button">Go To Page 2</a>
    </div>
</div> 

<div data-role="page" id="p2">
    <div  data-role="content">
        <p>This is page2</p>
        <input type="text" id='mytextbox'></input>
        <input type="search" id='mysearchbox'></input>
    </div>
</div> 

除了id和类型之外，两个文本输入都是相同的。文本框在更改事件时触发，搜索框不触发

我发现，如果文本输入位于第1页，那么一切都会按照您的预期进行。这是页面更改和文本字段类型之间的关系

---

这里有一个提示：

我希望您在执行搜索时希望获得更改事件

type='search'

与其他一些事件关联。在这种情况下，您必须检查搜索事件。您可以在此链接中查看更多信息-。

我希望您在进行搜索时希望获得更改事件

type='search'

与其他一些事件关联。在这种情况下，您必须检查搜索事件。您可以在此链接中查看更多信息-。

替换此链接

<div data-role="page" id="p2">
    <div  data-role="content">
        <p>This is page2</p>
        <input type="text" id='mytextbox'></input>
        <input type="search" id='mysearchbox'></input>
    </div>
</div> 

这是第二页

用这个

<div data-role="page" id="p2">
    <div  data-role="content">
        <p>This is page2</p>
        <input data-type="text" id='mytextbox'></input>
        <input data-type="search" id='mysearchbox'></input>
    </div>
</div> 

这是第二页

区别在于我需要指定“数据类型”而不是“类型”。

替换此

<div data-role="page" id="p2">
    <div  data-role="content">
        <p>This is page2</p>
        <input type="text" id='mytextbox'></input>
        <input type="search" id='mysearchbox'></input>
    </div>
</div> 

这是第二页

用这个

<div data-role="page" id="p2">
    <div  data-role="content">
        <p>This is page2</p>
        <input data-type="text" id='mytextbox'></input>
        <input data-type="search" id='mysearchbox'></input>
    </div>
</div> 

这是第二页

---

区别在于我需要指定一个“数据类型”而不是“类型”。

不是真的，但是你所说的话在我的脑海中敲响了警钟，我意识到我做错了什么。我会回答我自己。不是真的，但是你所说的话在我的脑海里敲响了警钟，我意识到我做错了什么。我会回答我自己。