blocks|key|392381|text|我最终找到的唯一解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|392382|//+There+are+2+events+fired+on+input+element+when+clicking+on+the+clear+button:
//+mousedown+and+mouseup.
$("input").bind("mouseup",+function(e){
++var+$input+=+$(this),
++++++oldValue+=+$input.val();

++if+(oldValue+==+"")+return;

++//+When+this+event+is+fired+after+clicking+on+the+clear+button
++//+the+value+is+not+cleared+yet.+We+have+to+wait+for+it.
++setTimeout(function(){
++++var+newValue+=+$input.val();

++++if+(newValue+==+""){
++++++//+Gotcha
++++++$input.trigger("cleared");
++++}
++},+1);
});|code-block|syntax|javascript|392383|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The only solution I finally found:

<pre><code>// There are 2 events fired on input element when clicking on the clear button:
// mousedown and mouseup.
$("input").bind("mouseup", function(e){
 var $input = $(this),
 oldValue = $input.val();

 if (oldValue == "") return;

 // When this event is fired after clicking on the clear button
 // the value is not cleared yet. We have to wait for it.
 setTimeout(function(){
 var newValue = $input.val();

 if (newValue == ""){
 // Gotcha
 $input.trigger("cleared");
 }
 }, 1);
});
</code></pre>

blocks|key|174478|text|对于我的asp.net服务器控件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|174479|<asp:TextBox+ID="tbSearchName"+runat="server"+oninput="jsfun_tbSearchName_onchange();"></asp:TextBox>|code-block|syntax|javascript|174480|js|174481|function+jsfun_tbSearchName_onchange()+{
++++if+(objTbNameSearch.value.trim()+==+'')
++++++++++++objBTSubmitSearch.setAttribute('disabled',+true);
++++++++else
++++++++++++objBTSubmitSearch.removeAttribute('disabled');
++++++++return+false;
}|174482|参考|174483|MSDN+onchange+event+-在IE10中测试。|offset|length|174484|..。或者用CSS隐藏：|174485|input[type=text]::-ms-clear+{+display:+none;+}|174486|entityMap|0|LINK|mutability|MUTABLE|url|http://msdn.microsoft.com/en-us/library/ie/gg592978%2528v=vs.85%2529.aspx^0|0|0|0|0|0|0|J|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|17|8|@]|9|@$O|18|P|19|1|1A]]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|1C|8|@]|9|@]|A|$E|F]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

for my asp.net server control 

<pre><code>&lt;asp:TextBox ID="tbSearchName" runat="server" oninput="jsfun_tbSearchName_onchange();"&gt;&lt;/asp:TextBox&gt;
</code></pre>

js

<pre><code>function jsfun_tbSearchName_onchange() {
 if (objTbNameSearch.value.trim() == '')
 objBTSubmitSearch.setAttribute('disabled', true);
 else
 objBTSubmitSearch.removeAttribute('disabled');
 return false;
}
</code></pre>

ref 

<a href="http://msdn.microsoft.com/en-us/library/ie/gg592978%28v=vs.85%29.aspx" rel="nofollow">MSDN onchange event</a>
- tested in IE10.

... or to hide with CSS :

<pre><code>input[type=text]::-ms-clear { display: none; }
</code></pre>

blocks|key|174557|text|我知道这个问题已经得到了回答，但公认的答案在我们的情况下是行不通的。IE10无法识别/触发$input.trigger("cleared");语句。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|174558|我们的最终解决方案将该语句替换为ENTER键上的keydown事件(代码13)。对于后人来说，这是在我们的案例中起作用的：|174559|$('input[type="text"]').bind("mouseup",+function(event)+{
++++var+$input+=+$(this);
++++var+oldValue+=+$input.val();
++++if+(oldValue+==+"")+{
++++++++return;
++++}
++++setTimeout(function()+{
++++++++var+newValue+=+$input.val();
++++++++if+(newValue+==+"")+{
++++++++++++var+enterEvent+=+$.Event("keydown");
++++++++++++enterEvent.which+=+13;
++++++++++++$input.trigger(enterEvent);
++++++++}
++++},+1);
});|code-block|syntax|javascript|174560|此外，我们希望仅将此绑定应用于“搜索”输入，而不是页面上的所有输入。当然，IE也让这件事变得很困难。尽管我们已经对<input+type="search"...>进行了编码，但IE将它们呈现为type="text"。这就是jQuery选择器引用type="text"的原因。|174561|干杯!|174562|entityMap^0|19|Q|0|0|0|1L|O|2O|B|3E|B|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|R|$]]

I realize this question has been answered, but the accepted answer did not work in our situation. IE10 did not recognize/fire the <code>$input.trigger("cleared");</code> statement.

Our final solution replaced that statement with a keydown event on the ENTER key (code 13). For posterity, this is what worked in our case:

<pre><code>$('input[type="text"]').bind("mouseup", function(event) {
 var $input = $(this);
 var oldValue = $input.val();
 if (oldValue == "") {
 return;
 }
 setTimeout(function() {
 var newValue = $input.val();
 if (newValue == "") {
 var enterEvent = $.Event("keydown");
 enterEvent.which = 13;
 $input.trigger(enterEvent);
 }
 }, 1);
});
</code></pre>

In addition, we wanted to apply this binding only to the "search" inputs, not every input on the page. Naturally, IE made this difficult as well... although we had coded <code>&lt;input type="search"...&gt;</code>, IE rendered them as <code>type="text"</code>. That's why the jQuery selector references the <code>type="text"</code>.

Cheers!

blocks|key|392551|text|在this.value设置为空字符串的情况下激发oninput事件。这为我解决了问题，因为我想执行相同的操作，无论他们是使用X还是通过退格清除搜索框。这仅适用于IE+10。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|392552|entityMap^0|1|A|O|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

The <code>oninput</code> event fires with <code>this.value</code> set to an empty string. This solved the problem for me, since I want to execute the same action whether they clear the search box with the X or by backspacing. This works in IE 10 only.

blocks|key|392583|text|上面的代码在我的例子中不起作用，我更改了一行代码并引入了在我的例子中起作用的$input.typeahead('val',+'');。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|392584|//+There+are+2+events+fired+on+input+element+when+clicking+on+the+clear+button://+mousedown+and+mouseup.
$("input").on('mouseup',+function(e){
++++var+$input+=+$(this),
++++oldValue+=+$input.val();
++++if+(oldValue+===+''){
++++++++return;
++++}
++++//+When+this+event+is+fired+after+clicking+on+the+clear+button+//+the+value+is+not+cleared+yet.+We+have+to+wait+for+it.
++++setTimeout(function(){
++++++++var+newValue+=+$input.val();
++++++++if+(newValue+===+''){
++++++++++++$input.typeahead('val',+'');
++++++++++++e.preventDefault();
++++++++}
++++},+1);
});|code-block|syntax|javascript|392585|entityMap^0|12|S|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

The above code was not working in my case and I have changed one line and introduced <code>$input.typeahead('val', '');</code> which works in my case..

<pre class="lang-js prettyprint-override"><code>// There are 2 events fired on input element when clicking on the clear button:// mousedown and mouseup.
$("input").on('mouseup', function(e){
 var $input = $(this),
 oldValue = $input.val();
 if (oldValue === ''){
 return;
 }
 // When this event is fired after clicking on the clear button // the value is not cleared yet. We have to wait for it.
 setTimeout(function(){
 var newValue = $input.val();
 if (newValue === ''){
 $input.typeahead('val', '');
 e.preventDefault();
 }
 }, 1);
});
</code></pre>

blocks|key|392615|text|我们可以只监听input事件。详情请参考the+reference。这就是我如何在IE的Sencha+ExtJS中修复清除按钮的问题：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|392616|Ext.define('Override.Ext.form.field.ComboBox',+{
++++override:+'Ext.form.field.ComboBox',

++++onRender:+function+()+{
++++++++this.callParent();

++++++++var+me+=+this;
++++++++this.inputEl.dom.addEventListener('input',+function+()+{
++++++++++++//+do+things+here
++++++++});
++++}
});|code-block|syntax|javascript|392617|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/Events/input^0|7|5|K|D|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

We can just listen to the <code>input</code> event. Please see <a href="https://developer.mozilla.org/en-US/docs/Web/Events/input" rel="noreferrer">the reference</a> for details. This is how I fixed an issue with clear button in Sencha ExtJS on IE:

<pre><code>Ext.define('Override.Ext.form.field.ComboBox', {
 override: 'Ext.form.field.ComboBox',

 onRender: function () {
 this.callParent();

 var me = this;
 this.inputEl.dom.addEventListener('input', function () {
 // do things here
 });
 }
});
</code></pre>

blocks|key|392631|text|好呀|type|unstyled|depth|inlineStyleRanges|entityRanges|data|392632|$("input").bind('input+propertychange',+function()+{
++++if+(this.value+==+""){
++++++$input.trigger("cleared");
++++}
});|code-block|syntax|javascript|392633|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Why not

<pre><code>$("input").bind('input propertychange', function() {
 if (this.value == ""){
 $input.trigger("cleared");
 }
});
</code></pre>

blocks|key|392646|text|请改用input。它在所有浏览器下的行为都是一样的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|392647|$(some-input).on("input",+function()+{+
++++//+update+panel
});|code-block|syntax|javascript|392648|entityMap^0|3|5|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Use <code>input</code> instead. It works with the same behaviour under all the browsers.

<pre><code>$(some-input).on("input", function() { 
 // update panel
});
</code></pre>

On chrome, the "search" event is fired on search inputs when user clicks the clear button.

Is there a way to capture the same event in javascript on Internet Explorer 10?

<img src="https://i.stack.imgur.com/2JjVS.png" alt="enter image description here">

Event fired when clearing text input on IE10 with clear icon

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在chrome上，当用户点击clear按钮时，搜索输入就会触发" search“事件。有没有办法在Internet Explorer10的javascript中捕获相同的事件？​​

问清除带有清除图标的IE10上的文本输入时激发的事件
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问清除带有清除图标的IE10上的文本输入时激发的事件EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问清除带有清除图标的IE10上的文本输入时激发的事件
EN