MooTools自定义事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MooTools自定义事件相关的知识,希望对你有一定的参考价值。

via [https://www.packtpub.com/mootools-1-2-beginners-guide/book](https://www.packtpub.com/mootools-1-2-beginners-guide/book) & [http://davidwalsh.name/mootools-custom-event](http://davidwalsh.name/mootools-custom-event)
  1. /* Example 1: Alt-Click on div#foo */
  2. Element.Events.altClick = {
  3. base: "click",
  4. condition: function(e) {
  5. return e.alt;
  6. }
  7. };
  8. var clicks = 0;
  9. $("foo").addEvent("altClick", function(e) {
  10. clicks++;
  11. this.set("text", clicks);
  12. });
  13.  
  14. /* Example 2: Shift-H Shortcut */
  15. Element.Events.shiftH = {
  16. base: "keypress",
  17. condition: function(e) {
  18. if (e.shift && e.key == "h") { return true; }
  19. }
  20. };
  21. window.addEvent("shiftH", function() {
  22. var div = $("foo");
  23. var opacity = (div.get("opacity") == 0 ? 1 : 0);
  24. div.tween("opacity", opacity);
  25. });

以上是关于MooTools自定义事件的主要内容,如果未能解决你的问题,请参考以下文章

如何让自定义视图观察包含片段的生命周期事件而不是活动?

为MooTools 1.2创建一个自定义的伪选择器

Mootools:为啥 PHP 中的每个 flush() 都没有反映在 mootools 事件中的用户端

VSCode自定义代码片段——CSS选择器

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段(vue主模板)