Tag: javascript events

jquery asp.net，停止回发: 我有一个文本框，我希望用户能够输入TextBox，当他们点击Enter时，我希望jQuery对web方法进行ajax调用。问题是，当用户点击回车时，会调用该方法，但之后页面会因返回而刷新。我尝试过使用return false但没有结果。这是代码： function serviceCall(getText) { $.ajax({ type: “POST”, url: ‘ActiveDirectoryAutoFillWebService.asmx/TestMethod’, data: “{‘getId’:’+ getText +’}”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (msg) { $(“#divResult”).html(msg.d); }, error: function (e) { $(“#divResult”).html(“WebSerivce unreachable ” + e.name + ” ” + e.message); } }); // return false; This does not work } function searchKeyPress(e) { […]

触发模糊事件而不是单击: 当用户开始在输入字段中键入内容时，我正在处理的Web应用程序会生成带有自动填充选项的下拉列表，如果用户单击其中一个选项，则会使用自动填充文本填充相应的输入字段。该网络应用包含许多发票行，每个发票行都有自己隐藏的自动填充下拉列表，在自动填充选项可用之前，该下拉列表一直处于隐藏状如果用户点击自动填充选项，我想使用此自动填充文本更新订单。如果用户没有单击自动填充选项并继续下一个发票行，我仍然希望使用用户输入的纯文本更新orderArray。为了实现这一点，我尝试使用blur事件，但无论是否单击了下拉选项，此模糊事件都会触发，当且仅当未单击其相应行的下拉选项时才需要触发。我理解为什么模糊事件总是被触发，但是我通过分离这两个事件并正确更新顺序来克服这个问题非常困难。我很感激任何建议。提前谢谢了！ $(“.dropdown”).on(click, “.item-option”, function(){ //set item object with dropdown option text … … … updateOrder(true, item); $(‘.dropdown’).hide(); }); //if customer enters custom information without clicking on item option $(‘.id-input, .name-input, .price-input, .qty-input’).blur(function(){ updateOrder(false, {}); }); function updateOrder(clicked, item){ if(clicked==true){ //update order with the item information from […]

Safari点击事件和活动状态不能共存: 我试着创建一个3状态按钮：关（默认）开（hover/翻转）向下（活动/点击）在Safari桌面和Safari移动设备中，当添加关闭状态时（通过：活动伪状态），它会终止点击事件。为什么这两件作品不能很好地搭配在一起呢？在这里演示它的简单示例： https ： //jsfiddle.net/m7hev81t/1/ $(‘button’).on(‘click’,function(e){ $(‘#log’).html(‘clicked ‘ + new Date().getTime()); }); button { position:relative; background:transparent; border:none; height:50px; width:200px; cursor:pointer; } button .state { position:absolute; width:100%; height:100%; display:none; top:0; left:0; } .state.off { background:green; display:block; } .state.on { background:orange;} .state.down { background:red; } button:hover .state.off, button:hover .state.down {display:none;} button:hover .state.on […]

在jQuery中使用“class / object”MooTools风格的事件: 关于MooTools的一个好处是它可以让你轻松地为对象分配/触发事件，例如： var playerSingleton = new (new Class({ Implements: [Events], initialize: function() {}, setVolume: function() { // do some stuff.. this.fireEvent(‘volumeChanged’) } })); // Somewhere else… playerSingleton.addEvent(‘volumeChanged’, function() { // do something when volume changes }); playerSingleton.setVolume(75); // bam our event fires. 如何使用jQuery完成这样的事情？我知道有.bind和.trigger ，但看起来这样做的唯一方法是将事件绑定/触发到窗口对象： $(window).bind(‘volumeChanged’, fn); 还有什么比这更好的，更像是MooTools的方法吗？谢谢！

是否有任何事件jquery或javascript我可以在它们出现在浏览器之前隐藏元素: 现在我有onready事件处理程序 $(function() { $(‘element’).hide(); }); 但元素只有在浏览器中出现后才会隐藏。它就像闪光一样消失了。我可以在浏览器中显示内容之前绑定任何hide（）函数吗？

输入文件的绝对路径: 可以使用javascript或jquery获取文件的ABSOLUTE路径吗？这些是我到目前为止的试验，但我能得到的最接近的只是文件名。 var filepath = $(‘input[type=file]’).val(); var test = this.files; var test2 = test[0]; var test3 = test2.fileName; var test4 = test2.filePath; var test5 = test2.Name; var h = imageInput.value; var b = document.getElementById(“AcademicPhotoId”); var l = b.value; var binary = b.getAsBinary(); $(‘.image-display img’).attr(‘src’, filepath);

jquery不止一次调用函数: 我正在创建一个移动应用程序，我正在调用函数getItem传递data-trnote val。 function getTitles() { $(document).ready(function(e){ var list = $(‘#recent’), items = []; $.mobile.notesdb.transaction(function(t) { t.executeSql(‘SELECT buildingcode, buildingaddress FROM buildings ORDER BY buildingaddress ASC’, [], function(t, result) { var i, len = result.rows.length, row; if (len > 0 ) { for (i = 0; i < len; i += 1) { row = result.rows.item(i); items.push('’ […]

动态添加元素和Masked-Input插件的事件顺序: 因此，我的webapp的非ajax版本很好，因为事件按我想要的顺序添加，所有事件都添加到相关的手机元素上。但是对于我的ajax应用程序，由于元素是动态获取的，所以事件是“不同的”添加的，所以我有相同的事件但实际上在不同的元素上（在’#container’上用于检查动态添加元素，并且直接应用于’ 。输入-手机“）。例如，当用户类型无效（215） – ### – ####时，我希望屏蔽输入在我的模糊代码之前清除它，但它没有。这里基本上是’ajax’应用程序（好了减去ajax调用，我用.append模拟它）： http://jsfiddle.net/armyofda12mnkeys/9DGgF/ 这是非ajax版本，就像我期望的那样： http://jsfiddle.net/armyofda12mnkeys/XKf8d/2/ 任何想法如何让这个工作？

如何创建激活jQuery / js函数的图像按钮: 我需要在tr元素中使用类似按钮来点击时执行js / jquery事务。奇怪的是，我很难找到如何从内联html /图像按钮执行jquery / js的良好知识。这就是我的想法：首先为like按钮创建一个自定义函数 jQuery.fn.likebutn = function(theword, wordnumber) { //check if button is lighted up and if it is break //change button to lighted up jQuery(this).attr(“src”, “http://sofzh.miximages.com/javascript/n18g3q.png”); //add word to a div element jQuery(‘#cntrldiv0’).append(“theword”); //ajax like.php file with the word and username/id jQuery.post(‘like.php’, {theword:theword, userid: userid}); }; 然后在图像按钮元素中动态插入函数调用及其参数（因为表是在php中创建的）（所以在html中内联） likebutn({theword: ${‘row’ […]

jQuery：对浏览器自动填充做出反应: 我有两个表单元素，一个email和一个password 。只有在email元素中输入了某些内容时，才必须显示password元素。也就是说，仅当email不为空时。如您所见，我正在处理三个事件： onfocus：这样当焦点进入电子邮件元素时我会做出反应 onblur：这样当焦点离开电子邮件元素时我会做出反应 onchange：这样当电子邮件元素发生变化时我会做出反应实际上，我只想在电子邮件发生变化时运行脚本。我不关心焦点，但我无法处理一般的更改事件。此外，这是我的主要问题，我无法对浏览器自动填充表单时生成的事件做出反应。有这样的事件吗？我该怎么处理？