标签: javascript-events

javascript奇怪的错误

我遇到了一个奇怪的问题!

我有这个代码:

<script>
  window.PRICES = {
    'Gold' : { 10: 299, 20: 400, 100: 1745, },
    'Coins': { 10: 300, 40: 355, 1000: 30000, },
  };
</script>
<script>
function pick(i,n) {
  document.getElementById("Item").innerHTML = i+" "+n;
  document.getElementById("Price").innerHTML = (window.PRICES)[i][n];
}
</script>
Run Code Online (Sandbox Code Playgroud)

该函数pick由select的onchange事件调用:

<select name="Gold" onchange="pick(this.value,this.name)">
  <option value="10">10 Gold</option>
  <option value="20">20 Gold</option>
  <option value="100">100 Gold</option>
</select>
Run Code Online (Sandbox Code Playgroud)

但是,当我改变值时,我得到"Uncaught TypeError:无法读取属性'未定义的'黄金'"但window.PRICES不是没有明确的!怎么了?

PS:我可以pick('Gold','10')用GC控制台打电话!!!

javascript javascript-events

3
推荐指数
1
解决办法
65
查看次数

如何使用jqueryui对话框按钮提交表单,

我想使用jqueryui按钮提交表单.我有一些代码,但它不起作用.这是代码:

<script type="text/javascript">
function findUrls()
{
    var text = document.getElementById("text").value;
    var source = (text || '').toString();
    var urlArray = [];
    var url;
    var matchArray;

    // Regular expression to find FTP, HTTP(S) and email URLs.
    var regexToken = /\b(http|https)?(:\/\/)?(\S*)\.(\w{2,4})\b/ig;

    // Iterate through any URLs in the text.
    if( (regexToken.exec( source )) !== null )
    {
    show_box();// this will show jquery dialog..
    return false;
    }

}

</script>

<div id="dialog" title="Dialog Title">
<p>Dialog box text.....Dialog box text....Dialog box text</p>
<button id="formSubmit">Click me</button>
</div> …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery jquery-ui javascript-events

3
推荐指数
1
解决办法
3万
查看次数

如何捕获扩展图标上触发的事件?

我想为Chrome编写扩展程序,扩展程序图标上的某些鼠标操作会触发某些响应.

例如,我希望图标在单击,双击,滚动单击和滚动1时的行为不同

如何将事件侦听器附加到扩展图标?我不介意图标必须在地址栏中还是在扩展栏中.

1.我实际上专注于一个事件,"滚动" - 因为这是唯一可以在没有窗口聚焦的情况下触发的事件.但我认为更普遍的问题更好.

google-chrome javascript-events google-chrome-extension

3
推荐指数
1
解决办法
5237
查看次数

如何调用document.addEventListener()中的类函数

当我加载页面时,我调用"addEventListener"来初始化"deviceReady",在addEventListener中,我想调用类中的函数.请参阅以下示例.

示例类

var HomePageModel = function(){

    this.initModule = function(){
    //doing some process;
    };
};
Run Code Online (Sandbox Code Playgroud)

我想在addEventListener中调用上面的initModule函数.

喜欢

document.addEventListener("deviceready", HomePageModel.initModule, false);
Run Code Online (Sandbox Code Playgroud)

是否可以在一个类外的eventlistener中调用类函数?

javascript prototype event-handling javascript-events

3
推荐指数
1
解决办法
1606
查看次数

使用onclick参数动态创建按钮

可能重复:
如何将参数传递给事件处理函数并仍然使用'this'引用?

我已经做了一些搜索,但我很难找到解决方案,所以如果有人认为这是重复我会很感激你说你输入的内容...似乎我的搜索能力已经休息了一天!:无论如何:

function CreateMe(){

    //....

    var mycell = row.insertCell(-1);
    var myelement3 = document.createmyelement("input");
    myelement3.type = "button";
    myelement3.value = "Delete";
    myelement3.onclick = DeleteMe;
    myelement3.name = "Delete[]";
    mycell.appendChild(myelement3);

    //....

}

function DeleteMe(){
    alert(this);
}
Run Code Online (Sandbox Code Playgroud)

我有一个带有按钮的表单,该按钮调用CreateMe,动态创建一个按钮.我所追求的是当单击此动态按钮时能够将参数传递给DeleteMe函数; 特别是这个:

onclick="DeleteMe(this.parentNode.parentNode.rowIndex)"
Run Code Online (Sandbox Code Playgroud)

来自:http://www.java2s.com/Code/JavaScript/HTML/Deletingtablerows.htm

我对如何前进这里感到有点失落,所以如果有人可以伸出援助之手,我将不胜感激.

编辑:为了清楚起见,我要问的是如何将动态生成按钮的onclick事件中的参数传递给DeleteMe函数.很明显我无法做到这一点,因为这只会立即评估函数:

    myelement3.value = "Delete";
    myelement3.onclick=DeleteMe(this.parentNode.parentNode.rowIndex);
    myelement3.name = "Delete[]";
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events

3
推荐指数
1
解决办法
6354
查看次数

在Ajax发布后更新事件

我正在尝试更新ajax帖子之后的事件来更改事件的标题并给它一个类,以便我可以更改它的颜色.我还想告诉我的JSON源中的事件是否被批准,如果是,则更改其颜色.我在下面评论了我的代码:

升级代码:

$(document).ready(function () {

var liveDate = new Date();
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();






var calendar = $('#calendar').fullCalendar({
    disableDragging: true,
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'year'
    },


    eventClick: function (calEvent, jsEvent, view, eventid) {

        var eventid = calEvent.id;
        var start = calEvent.start;
        var end = calEvent.end;
        var fullname = calEvent.fullname;


        var fancyContent = ('<div class="header">approve booking for ' + eventid + calEvent.title + '<a …
Run Code Online (Sandbox Code Playgroud)

javascript-events fullcalendar

3
推荐指数
1
解决办法
1万
查看次数

如何在KnockoutJS中为click事件维护引用正确的执行上下文?

这是一个jsFiddle,它演示了我的问题:http://jsfiddle.net/dDEd5/4/

总之,我有一个简单的ViewModel:

ViewModel = function () {}
ViewModel.prototype = {
    child: function () {},
    children: new Array(3),

    outermethod: function () {
        this.innerMethod();
    },

    innerMethod: function () {
        alert("ok!");
    },

    outerProperty: function () {
        return this.innerProperty();
    },

    innerProperty: function() {
        return "Property is OK";
    }
}
Run Code Online (Sandbox Code Playgroud)

我试图使用'click'绑定绑定此ViewModel.问题是当我的绑定使用$ parent上下文时,我的ViewModel中的'this'值无法解析为ViewModel.

例如,此绑定工作正常:

<div>
    <span data-bind="text: outerProperty()"></span>
    <button data-bind="click: outermethod">This Works</button>
</div>
Run Code Online (Sandbox Code Playgroud)

但是,当我使用另一个绑定上下文并尝试使用$ parent调用我的ViewModel时,事情就会崩溃.在以下两个示例中,属性解析正常; 但是,按钮都错了:

<div>
    <!-- ko with: child -->
    <span data-bind="text: $parent.outerProperty()"></span>
    <button data-bind="click: $parent.outermethod">This Doesn't</button>
    <!-- /ko -->
</div> …
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events knockout.js

3
推荐指数
1
解决办法
939
查看次数

在浏览器/窗口之外捕获mouseup事件

现在我在鼠标上停止拖动事件,如下所示:

$(document).mouseup(_onMouseUp);

但是,当鼠标离开浏览器窗口时,我需要捕获鼠标向上事件,类似于releaseOutsideFlash.

这可能在JS吗?

javascript javascript-events

3
推荐指数
4
解决办法
5347
查看次数

我如何知道用户或单个IP地址在我网站的页面上花了多长时间?

我如何知道用户或单个IP地址在我网站的页面上花了多长时间?我可以使用任何JavaScript事件吗?

javascript php time javascript-events

3
推荐指数
1
解决办法
349
查看次数

实现自动完成时,"this.source不是函数"错误

$(document).ready(function(){
   var var_name=null;
   $('#id1').click(function(){

      $.ajax({
         type:"GET",
         url:" ggs.erm.servlet.setup5.Page",
         success:function(response){
            var_name=response;
            console.log(response);
         }
      })
   });
   $("#id").autocomplete({source:var_name});
});
Run Code Online (Sandbox Code Playgroud)


这是我正在搞乱的代码,它说TypeError:this.source不是一个函数.我错了,纠正我???响应中Error和Json的屏幕截图

javascript jquery json javascript-events

3
推荐指数
1
解决办法
1万
查看次数