首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    原 基于HTML5 Canvas 点击添加

    这个例子看起来很简单,实际上结合了数据模型中非常重要的三个事件处理的部分:属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。...我们知道,HT 的所有组件都是基于一个根部 div 的,要将这个 div 部署到 html 页面上很简单,但是 HT 内部对这个 div 设置了绝对定位,所以我们在添加这个 div 进 HTML 页面中时...,scope 为监听器函数域(可选),在监听器函数中的 event 有两个属性: kind 和 data,其中 kind 为事件的类型: e.kind === 'add'代表添加Data对象,e.data...为被添加的对象 e.kind === 'remove'代表删除Data对象,e.data为被删除的对象 e.kind === 'clear'代表容器被清除 这里我们将对模型的增删事件的监听结果传给 HTML...最后,我们对选中的节点进行增加监听器,监听选中变化事件。

    2.7K40

    【HTML5】Canvas 内部元素添加事件处理

    前言 canvas 没有提供为其内部元素添加事件监听的方法,因此如果要使 canvas 内的元素能够响应事件,需要自己动手实现。...配合自定义事件,我们就可以实现为 canvas 内的元素添加事件监听的效果。...return true; } else { return false; } }, // 为事件添加监听函数...如果一个自定义对象需要添加事件监听,只需要继承 EventTarget。 有序数组 在判断触发某个事件的元素时,需要遍历所有绑定了该事件的元素,判断鼠标位置是否位于元素内部。...111); console.log(this); } var bb = aa.bind(Math); bb(); 更加详细的讲解请看这里 addEventListener 传参 如果给某个元素添加事件监听时需要传递参数

    3K30

    jquery回车监听事件及html自定义属性的应用

    搜索功能举例 jquery回车监听事件在最后那行代码 define('widget/search.js', [], function (require, exports, module) {..."]').on('click', function (e) { search(); }); } }; //回车监听事件...keydown(function (event) { if (event.keyCode == 13) { search(); } }); }); HTML...自定义属性的应用 考虑到搜索功能是网站的公共功能,可以从多个页面跳转到搜索页,故做如下优化: html自定义属性,区分是从哪个页面跳转到搜索 在public.js中初始化搜索(public.js会被所有页面引入...) js根据type(页面来源)和keyword(关键字)进行搜索 html代码 data-act的作用: public.js据此判断是搜索功能还是其他功能 data-role的作用: search.js

    1.4K30
    领券